Next.js is a React framework that gives you the building blocks to create fast, full-stack web applications. Whether you are building a marketing site, an e-commerce platform, or a SaaS product, Next.js has you covered.
Installation
The easiest way to get started is with create-next-app:
npx create-next-app@latest my-app cd my-app npm run devProject Structure
A new Next.js project uses the App Router by default. Pages are defined inside the app directory, and each folder represents a route segment. Layouts, loading states, and error boundaries are all colocated with their routes.
Next Steps
Once the dev server is running at http://localhost:3000, start editing app/page.tsx to see your changes in real time. Next.js uses Turbopack for instant hot module replacement.