This is a Next.js project bootstrapped with create-next-app.
First, prepare the development server:
npx prisma generateThen run the dev server:
npm run devOpen http://localhost:3000 to see the results.
Below is a directory graph of the actual project structure under src/, followed by a breakdown of each route and its Server Actions:
src/
├─ app/
│ ├─ layout.tsx # Root layout (header, footer, metadata)
│ ├─ page.tsx # Landing page
│ ├─ (sign)/ # Routes for user authentication
│ │ ├─ signin
│ │ └─ signup
│ └─ dashboard # Main dashboard - allows viewing and managing boards
│ └─ profile # Page for managing user's profile
│
├─ server/
│ ├─ actions/ # React server actions for retrieving and managing data
│ │ ├─ sign.ts # sign up, sign in and sign out
│ │ ├─ user.ts # managing user's profile
│ │ └─ board.ts # creating, retrieving, updating and deleting user's boards
│ ├─ auth.ts # Session and cookie helpers
│ ├─ dal.ts # Data access layer abstractions
│ ├─ db.ts # Prisma client initialization
│ └─ utils.ts # Miscellaneous server utilities
│
└─ types/
└─ global.d.ts # Global type declarationsTo learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.