A NextJs full-stack project for finding local events!
View Demo
·
Report Bug
·
Request Feature
Table of Contents
A side project to learn new concepts of NextJs.
This software is for finding local events in your city!
- Router Cache in Next.js: Implemented client-side caching to reduce redundant network requests.
- Data Cache in Next.js: Utilized server-side caching for storing fetch results.
- Components: Developed a deep understanding of client and server components.
- React Hooks: Explored less common hooks like
useTransform
,useScroll
,useEffect
,usePathname
, anduseRouter
. - Framer Motion: Added animations with Framer Motion.
- Zod: Implemented client-side validation using Zod.
- Pagination: Applied server-side pagination techniques.
- Prisma: Interacted with PostgreSQL database using Prisma.
- Tailwind CSS: Leveraged Tailwind CSS for responsive and modern design.
Here are some screenshots of the project:
Latest version of npm
- npm
npm install npm@latest -g
- Clone the repo
git clone https://github.com/aman304gupta/evento.git
- Install NPM packages
npm install
- Setup Prisma for Postgres and update env variables.
- Run locally
npm run dev