A modern web application built using Next.js, TypeScript, and pnpm.
- Next.js
- TypeScript
- React
- pnpm
- Tailwind CSS (if applicable)
Before starting, install the following software:
| Software | Version |
|---|---|
| Node.js | 18+ |
| pnpm | Latest |
| Git | Latest |
git clone <your-repository-url>Move into the project folder:
cd <project-folder>pnpm installor
pnpm ipnpm devApplication will run on:
http://localhost:3000Open the URL in your browser.
To create a production build:
pnpm buildpnpm startproject-root/
│
├── app/ # App Router pages
├── components/ # Reusable components
├── public/ # Static assets
├── styles/ # Styling files
├── package.json
├── pnpm-lock.yaml
└── next.config.tsModify:
app/page.tsxChanges auto-refresh during development.
Add reusable components inside:
components/Example:
export default function Button() {
return <button>Click Me</button>;
}Global styles are usually located in:
app/globals.cssThis project uses:
next/font- Geist font family
Documentation:
| Command | Description |
|---|---|
pnpm install |
Install dependencies |
pnpm dev |
Run development server |
pnpm build |
Create production build |
pnpm start |
Start production server |
pnpm lint |
Run ESLint |
-
Push project to GitHub
-
Open:
-
Import repository
-
Click Deploy
Create .env.local:
NEXT_PUBLIC_API_URL=http://localhost:3000/apiIf dependencies break:
rm -rf node_modules
rm pnpm-lock.yaml
pnpm installRun on another port:
pnpm dev -- -p 3001This project is licensed under your preferred license.