Skip to content

React + Next.js

所有模版均基于 React 和 Next.js

Blank

react next-js ts

快速开始

bash
# npm 7+,需要添加额外的 --:
$ npm create runow@latest your-app-name -- --template react-next
bash
$ yarn create runow your-app-name --template react-next
bash
$ pnpm create runow your-app-name --template react-next
bash
$ bun create runow your-app-name --template react-next

Tailwind CSS

react next-js tailwindcss ts

快速开始

bash
# npm 7+,需要添加额外的 --:
$ npm create runow@latest your-app-name -- --template react-next-tailwindcss
bash
$ yarn create runow your-app-name --template react-next-tailwindcss
bash
$ pnpm create runow your-app-name --template react-next-tailwindcss
bash
$ bun create runow your-app-name --template react-next-tailwindcss

Hero UI

react next-js hero-ui tailwindcss ts

快速开始

bash
# npm 7+,需要添加额外的 --:
$ npm create runow@latest your-app-name -- --template react-next-heroui
bash
$ yarn create runow your-app-name --template react-next-heroui
bash
$ pnpm create runow your-app-name --template react-next-heroui
bash
$ bun create runow your-app-name --template react-next-heroui

Headless UI

react next-js headless-ui tailwindcss ts

快速开始

bash
# npm 7+,需要添加额外的 --:
$ npm create runow@latest your-app-name -- --template react-next-headlessui
bash
$ yarn create runow your-app-name --template react-next-headlessui
bash
$ pnpm create runow your-app-name --template react-next-headlessui
bash
$ bun create runow your-app-name --template react-next-headlessui

Shadcn UI

react next-js shadcn-ui tailwindcss ts

快速开始

bash
# npm 7+,需要添加额外的 --:
$ npm create runow@latest your-app-name -- --template react-next-shadcnui
bash
$ yarn create runow your-app-name --template react-next-shadcnui
bash
$ pnpm create runow your-app-name --template react-next-shadcnui
bash
$ bun create runow your-app-name --template react-next-shadcnui

Ant Design

react next-js antd lucide ts

快速开始

bash
# npm 7+,需要添加额外的 --:
$ npm create runow@latest your-app-name -- --template react-next-antd
bash
$ yarn create runow your-app-name --template react-next-antd
bash
$ pnpm create runow your-app-name --template react-next-antd
bash
$ bun create runow your-app-name --template react-next-antd