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

Chakra UI ​

react next-js chakra-ui ts

快速开始

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