This is a practice project built with Next.js, Tailwind CSS, Prisma ORM, and Zod for schema validation. It serves as a demonstration of the skills learned and applied during the development process.
Check out the live demo of the project here: Next.js Evento
- Server-Side Rendering (SSR): Implemented to improve performance and SEO.
- Static Site Generation (SSG): Used for pre-rendering pages at build time.
- API Routes: Created custom API endpoints to handle server-side logic.
- Utility-First CSS: Styled the application using Tailwind's utility classes for rapid UI development.
- Responsive Design: Ensured the application is mobile-friendly and responsive.
- Database Management: Used Prisma as an ORM for interacting with the database.
- Schema Definition: Defined data models and relationships using Prisma schema.
- Migrations: Managed database migrations and seeding data.
- Schema Validation: Utilized Zod for validating data structures and API inputs.
- Type Safety: Ensured type safety by integrating Zod with TypeScript.
To run the project locally, follow these steps:
-
Clone the repository:
git clone https://github.com/yourusername/nextjs-evento.git
-
Navigate to the project directory:
cd nextjs-evento -
Install dependencies:
npm install
-
Set up environment variables: Create a
.envfile in the root of the project and add your environment variables (e.g., database connection string). -
Run database migrations:
npx prisma migrate dev
-
Start the development server:
npm run dev
-
Open your browser and visit
http://localhost:3000to see the application in action.
If you would like to contribute to this project, please fork the repository and create a pull request with your changes. Any contributions, improvements, and suggestions are welcome!
This project is licensed under the MIT License.
Happy coding! If you have any questions or need further assistance, feel free to reach out.