Next Dev

Next Dev(Next Generation Dev) is an open source team to sharing all related fullstack resources with the community

Architecture

We decided to use Monorepo to manage our system, we see Turborepo is powerful and fast speed monorepo working along with Changesets to manage versioning and package publishing. As well as a few others tools preconfigured:

• TypeScript for static type checking
• ESLint for code linting
• Prettier for code formatting
• Changesets for managing versioning and changelogs
• GitHub Actions for fully automated package publishing

What's inside?

Next Dev includes Boilerplate, Example, Docs and Packages

Packages Folder

Inside the package folder is the packages that we can shared to boilerplate, example, docs or publish it to NPM and so on.

• @next-dev/cli: UI components with Ant Design
• @next-dev/antd-ui: UI components with Ant Design
• @next-dev/utils: shared javascript utilities
• @next-dev/configs: shared config
• @next-dev/lints: Lint preset
• @next-dev/ui: UI components with Tailwind CSS and more
• @next-dev/rn-ui: React native UI components

Docs Folder

Inside the docs folder is a placeholder site for documentation ,demo, blog for Next Dev powered by Dumi v2

Boilerplate Folder

Inside the Boilerplate folder is boilerplate both frontend and backend

• nextjs-web: NextJs v13 - (ReactJs Framework), boilerplate for website with hybrid(SSR and SSG) rendering
• nuxt3-web: Nuxt 3 - (VueJs Framework), VueJs boilerplate for website with hybrid(SSR and SSG) rendering
• react-next-admin: Umi 4 - (ReactJs) ,boilerplate for Admin or backstage
• vue-next-admin: Vue 3, boilerplate for Admin or backstage
• rn-next: React Native, boilerplate for Hybrid Mobile(Android ad IOS)
• rn-next-universal: React Native, boilerplate for universal (Android, iOS, macOS,tvOS, Windows, web, browser extensions, Electron.)

Development Commands

• pnpm build - Build all packages including the Storybook site
• pnpm dev - Run all packages locally and docs development
• pnpm lint - Lint all packages
• pnpm changeset - Generate a changeset
• pnpm clean - Clean up all node_modules and dist folders (runs each package's clean script)

Clone a single example or boilerplate

Run the following command:

npx degit next-dev-team/next-dev/boilerplate/nextjs-web nextjs-web
cd nextjs-web
pnpm install
git init . && git add . && git commit -m "Init"

Contributing

coming soon

Community

coming soon