Next.js Project

This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, install the dependencies:

npm install

Then, run the development server:

npm run dev

Or using Yarn:

yarn dev

Or using pnpm:

pnpm dev

Or using Bun:

bun dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying:

app/page.tsx

The page auto-updates as you edit the file.

Project Structure

A typical Next.js project structure looks like this:

project/
├── app/
│   ├── layout.tsx
│   ├── page.tsx
│   └── globals.css
├── public/
├── package.json
├── next.config.ts
├── tsconfig.json
└── README.md

Development Commands

Start Development Server

npm run dev

Build for Production

npm run build

Start Production Server

npm run start

Run Lint

npm run lint

Next.js Fonts

This project uses next/font to automatically optimize and load Geist, a font family created for Vercel.

Learn More

To 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.
• Next.js GitHub Repository — source code, issues, and contributions.

Deploy on Vercel

The easiest way to deploy your Next.js app is using the Vercel Platform.

First, build the project locally:

npm run build

Then deploy using Vercel CLI:

npx vercel

For production deployment:

npx vercel --prod

Check out the Next.js deployment documentation for more details.