nextjs-starter-template

An opinionated starter template using NextJS framework

Setup

1. Install dependencies using: npm install
2. Run locally using: npm run dev, server will be up and running on http://localhost:3000

You can start editing the page by modifying app/page.tsx and delete .gitkeep files.

The suggested directory structure, everything inside src directory.

.
├── app
│ ├── layout.tsx
│ └── page.tsx
├── components
│ ├── ui
│ │ ├── form.tsx
│ │ ├── button.tsx
│ │ └── ...
│ ├── layout
│ │ ├── nav.tsx
│ │ ├── header.tsx
│ └── ...
├── lib
│ ├── hooks
│ │ ├── use-debounce.ts
│ └── constants.ts
│ └── utils.ts
├── styles
│ └── globals.css
├── next.config.js
├── package.json
├── postcss.config.js
├── tailwind.config.js
└── tsconfig.json

Libraries used

• nextjs
• tailwindCSS
• shadcn/ui
• typescript
• zod
• react-hook-form
• prettier
• react v18
• eslint-plugin-next