NextJS 14 Evently App

Build an event organization web app like Eventbrite or Meetup with authentication, event management, search, filtering, categories, checkout, and payments using Next JS 14, Tailwind CSS, Shadcn, React Hook Form, Zod, Uploadthing, React-Datepicker, Mongoose, Clerk, and Stripe.

Installations this project

Shadcn-UI

npx shadcn-ui@latest init

Shadcn-UI Button Component

npx shadcn-ui@latest add button

Shadcn-UI Sheet Component

npx shadcn-ui@latest add sheet

Shadcn-UI Separator Component

npx shadcn-ui@latest add separator

Uploadthing

npm i uploadthing @uploadthing/react

Clerk Auth

npm i @clerk/nextjs

Mongoose and MongoDB

npm i mongoose mongodb

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

Documentations

• NextJS 14
• ShadcnUI
• Uploadthing

Study Reference

Evently App - Javascript Mastery Tutorial