A Next.js 15 website with Payload CMS integration.
├── src/
│ ├── app/ # Next.js App Router routes
│ │ ├── (frontend)/ # Frontend routes and pages
│ │ └── (payload)/ # Payload CMS admin routes
│ ├── components/ # Reusable React components
│ │ ├── common/ # Shared components
│ │ ├── layout/ # Layout components
│ │ └── ui/ # UI components
│ ├── lib/ # Shared utilities and helpers
│ │ ├── hooks/ # Custom React hooks
│ │ └── utils/ # Utility functions
│ ├── styles/ # Global styles and theme
│ ├── payload/ # Payload CMS configuration
│ │ ├── blocks/ # Payload block components
│ │ ├── collections/ # Collection definitions
│ │ └── globals/ # Global definitions
│ └── types/ # TypeScript type definitions
-
Install dependencies:
pnpm install
-
Set up environment variables: Copy
.env.exampleto.env.localand fill in the required values. -
Run development server:
pnpm dev
-
Access the site:
- Frontend: http://localhost:3000
- Payload CMS Admin: http://localhost:3000/admin
- Next.js 15 (App Router)
- Payload CMS 3.0
- TypeScript
- PNPM
- ESLint & Prettier
- Components: Place reusable components in
src/components/ - Routes: Use the App Router directory structure in
src/app/ - CMS: Payload configurations go in
src/payload/ - Styling: Global styles in
src/styles/, component-specific styles alongside components
- Create a feature branch
- Make your changes
- Submit a pull request
[Your License Here]