create-next-app — Next.js 启动器模板

SHA-256: 873dc474bdd6ee21c421b09c86c1e27e906af1de27a9caeec3fe636cff84065b

2026-10-13T21:57:20.162Z

# 💡 create-next-app (adory)

An opinionated collection of boilerplates for Next.js projects.

Planned boilerplates:
- User platforms
  - Business dashboards
  - E-commerce
- Visual demonstrations
  - Blogs
  - Marketing
  - Portfolio

Stack foundations:
- React
- Next.js App Router
- Tailwind CSS
- shadcn/ui
- TypeScript

Stack supporters:
- Lucide icons
- React Wrap Balancer
- ESLint
- Prettier
- [@vercel/git-hooks](https://github.com/vercel/git-hooks) & [lint-staged](https://github.com/okonet/lint-staged)

See more stack options below!

## Getting Started

First, install dependencies with `npm install`, `pnpm install`, or your package manager of choice.

Then, run the development server:

```bash
npm run dev
# or
yarn dev
# or
pnpm dev
```

Open [http://localhost:3000](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.

This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.

## Options

Ideas pulled from
[vercel/commerce](https://github.com/vercel/commerce),
[shadcn/taxonomy](https://github.com/shadcn/taxonomy),
[steven-tey/precedent](https://github.com/steven-tey/precedent),
[sadmann7/skateshop](https://github.com/sadmann7/skateshop).

- UI
  - [Framer Motion](https://www.framer.com/motion/)
  - [Lexical](https://lexical.dev/)
  - [Lucide icons](https://lucide.dev/docs/lucide-react)
  - [Novel](https://novel.sh/)
  - [Radix UI](https://www.radix-ui.com/docs/primitives/overview/getting-started)
  - [React Email](https://react.email)
  - [React Three Fiber](https://docs.pmnd.rs/react-three-fiber/getting-started/introduction)
  - [React Wrap Balancer](https://react-wrap-balancer.vercel.app)
  - [shadcn/ui](https://ui.shadcn.com)
  - [Tailwind CSS Typography plugin](https://tailwindcss.com/docs/typography-plugin)
  - [Tiptap](https://tiptap.dev/)
  - [Tremor](https://www.tremor.so/docs/getting-started/installation)
- Server
  - [Auth.js](https://authjs.dev/getting-started/oauth-tutorial)
  or [Clerk](https://clerk.com/docs/nextjs/get-started-with-nextjs)
  - [Prisma](https://www.prisma.io/docs/getting-started/quickstart)
      - [PlanetScale](https://planetscale.com)
      - [Vercel Postgres](https://vercel.com/storage/postgres)
  - [Resend](https://resend.com)
  - [Stripe](https://vercel.com/guides/getting-started-with-nextjs-typescript-stripe)
    or [Lemon Squeezy](https://docs.lemonsqueezy.com/guides/getting-started)
  - [Tier](https://www.tier.run/docs/fullstack-framework-tutorials/flat-rate)
  - [Upstash (redis)](https://docs.upstash.com/redis)
  - [Vercel AI SDK](https://sdk.vercel.ai/docs/getting-started)
- Utils
  - [date-fns](https://date-fns.org/v2.30.0/docs/Getting-Started#installation)
  or [Day.js](https://day.js.org/docs/en/installation/typescript)
  - [inflect](https://www.npmjs.com/package/i)
  - [ms](https://www.npmjs.com/package/ms)
  - [uploadthing](https://docs.uploadthing.com)
  - [Zod](https://zod.dev) or [Valibot](https://valibot.dev/guides/introduction/)
  - [Zustand](https://docs.pmnd.rs/zustand/getting-started/introduction)
- DevOps/SEO
  - [@vercel/analytics](https://vercel.com/docs/concepts/analytics/quickstart)
  - [@vercel/og](https://vercel.com/docs/concepts/functions/edge-functions/og-image-generation)
  - [Playwright](https://playwright.dev/docs/intro)

## Learn More

To learn more about Next.js, take a look at the following resources:

- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.

You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!

## Deploy on Vercel

The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.

Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.