Next.js 시작하기

Next.js는 React 기반의 풀스택 웹 프레임워크입니다.

Next.js의 장점

Next.js는 서버에서 페이지를 렌더링하여 빠른 초기 로딩과 SEO 최적화를 제공합니다.

app 디렉토리의 구조가 곧 URL 구조가 됩니다.

app/
  page.tsx          → /
  blog/
    page.tsx        → /blog
    [slug]/
      page.tsx      → /blog/:slug

풀스택 애플리케이션을 쉽게 만들 수 있습니다.

// app/api/hello/route.ts
export async function GET() {
  return Response.json({ message: 'Hello World' });
}

Next.js 프로젝트를 시작하는 것은 매우 간단합니다:

npx create-next-app@latest my-app
cd my-app
npm run dev

이제 http://localhost:3000에서 애플리케이션을 확인할 수 있습니다.