https://github.com/huyduc1602/next-project-2025
NextJS Project Structure 2025
https://github.com/huyduc1602/next-project-2025
nextjs react reactquery tailwindcss typescript
Last synced: 3 months ago
JSON representation
NextJS Project Structure 2025
- Host: GitHub
- URL: https://github.com/huyduc1602/next-project-2025
- Owner: huyduc1602
- Created: 2025-05-19T08:35:44.000Z (about 1 year ago)
- Default Branch: master
- Last Pushed: 2025-05-20T02:17:06.000Z (about 1 year ago)
- Last Synced: 2025-08-17T20:22:07.704Z (11 months ago)
- Topics: nextjs, react, reactquery, tailwindcss, typescript
- Language: TypeScript
- Homepage:
- Size: 128 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Next.js Project
## Project Structure
```
next-project/
├── .github/ # GitHub Actions & workflows
├── .husky/ # Husky pre-commit hooks
├── public/ # Static assets (favicon, images, fonts)
├── src/
│ ├── app/ # Next.js App Router (pages, layouts, routes)
│ ├── components/ # Reusable UI and common components
│ ├── context/ # React context providers (auth, theme)
│ ├── hooks/ # Custom React hooks
│ ├── lib/ # Utilities, stores, and helpers
│ ├── services/ # API service layers
│ ├── styles/ # Global styles and variables
│ └── types/ # TypeScript type definitions
├── .env.local # Local environment variables
├── .env.example # Example environment variables
├── .eslintrc.json # ESLint configuration
├── .gitignore # Git ignore rules
├── next.config.js # Next.js configuration
├── package.json # Project dependencies and scripts
├── postcss.config.js # PostCSS configuration
├── tailwind.config.js # Tailwind CSS configuration
├── tsconfig.json # TypeScript configuration
└── README.md # Project documentation
```
## Getting Started
1. **Install dependencies:**
```bash
npm install
```
2. **Create environment variables:**
- Copy `.env.example` to `.env.local` and update values as needed.
3. **Run the development server:**
```bash
npm run dev
```
The app will be available at [http://localhost:3000](http://localhost:3000).
4. **Build for production:**
```bash
npm run build
npm start
```
## Features
- Next.js 15 App Router
- React 19
- Tailwind CSS & PostCSS
- TypeScript
- Jotai state management
- React Query for data fetching
- Modern folder structure for scalability
---
Feel free to customize this project structure to fit your needs!