乐晨的技术小栈

Next.js 快速上手（App Router + TypeScript）

2026-06-23·技术

Next.js 提供了文件路由、服务端渲染、API 路由等能力，开发体验极佳。

npx create-next-app@latest my-app --typescript --eslint --tailwind --app
cd my-app

交互选项全部选 Yes 即可。

在 app/page.tsx 中写：

export default function Home() {
  return (
    <div>
      <h1>Hello World!</h1>
    </div>
  )
}

就是这么简单！访问 http://localhost:3000 即可看到页面。