This is a project template for a full-stack application built with Next.js, including Prisma, MongoDB, AuthJS v5, Shadcn UI, and Tailwind CSS.
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
Open http://localhost:3000 in your browser to see the result.
You can start editing the page by modifying app/page.tsx
. The page auto-updates as you edit the file.
This project uses next/font
to automatically optimize and load Inter, a custom Google Font.
- Next.js: React framework for building fast, scalable applications.
- Prisma: Modern database tool for database operations and management.
- MongoDB: Flexible, scalable NoSQL database.
- AuthJS v5: JavaScript library for authentication and authorization.
- Shadcn UI: A simple, flexible UI component library.
- Tailwind CSS: Highly customizable CSS framework.
.
├── README.md
├── app
│ ├── api
│ │ └── auth
│ │ └── [...nextauth]
│ │ └── route.ts
│ ├── client-example
│ │ └── page.tsx
│ ├── favicon.ico
│ ├── globals.css
│ ├── layout.tsx
│ └── page.tsx
├── auth.config.ts
├── auth.ts
├── components
│ ├── auth-components.tsx
│ ├── client-example.tsx
│ ├── custom-link.tsx
│ ├── header.tsx
│ ├── main-nav.tsx
│ ├── modals
│ │ └── test-modal.tsx
│ ├── mode-toggle.tsx
│ ├── providers
│ │ └── modal-provider.tsx
│ ├── session-data.tsx
│ ├── theme-provider.tsx
│ ├── ui
│ │ ├── avatar.tsx
│ │ ├── button.tsx
│ │ ├── dialog.tsx
│ │ ├── dropdown-menu.tsx
│ │ ├── form.tsx
│ │ ├── input.tsx
│ │ └── label.tsx
│ ├── user-button.tsx
│ └── zustand-test.tsx
├── components.json
├── hooks
│ └── use-modal-store.ts
├── lib
│ ├── db.ts
│ └── utils.ts
├── middleware.ts
├── next.config.mjs
├── package-lock.json
├── package.json
├── postcss.config.js
├── prisma
│ └── schema.prisma
├── public
│ ├── next.svg
│ └── vercel.svg
├── tailwind.config.ts
└── tsconfig.json
Contributions are welcome! Check out the contributing guidelines to get started.
This project is licensed under the MIT License. See the LICENSE file for details.