การตั้งค่าโครงการและ CLI

Welcome to Next.js 15 — the React framework for fast, scalable, production-ready apps. First up: spinning up a project and reading its structure from the CLI.

Before you start, you need Node.js 18.17 or later — it provides the JavaScript runtime, and its package manager (npm, Yarn, or pnpm) installs your dependencies.

Spin up a new project with create-next-app — it scaffolds everything for you. Just run this in your terminal.

The CLI asks a few questions. The one that matters: say Yes to App Router — it's essential for Next.js 15. ESLint and Tailwind are nice; TypeScript is optional.

When it finishes you get a new project folder. Step into it with cd and you're ready to work.

Know the key generated files: app/ holds your pages and layouts, public/ static assets, package.json your deps and scripts, next.config.js the config.

The app/ directory drives the App Router: layout.js for shared UI, page.js for a route's unique view, and globals.css for global styles.

Your scripts live in package.json. The one you'll use constantly is npm run dev — it starts the development server.

With the dev server running, open localhost:3000 to see your app. That page is rendered by app/page.js — here's a stripped-down version.

Recap: you set up Next.js 15 with create-next-app, explored the app/ directory, and launched the dev server. Next: file-system routing.