Important
OrbitKit is built on top of a very opinionated tech stack, which might not work for every use case/business idea. I offer monorepo architecture consulting or even building something completely custom for you, if you are interested be sure to DM me on X/Twitter.
- Next.js Web Application
- Astro Marketing Website
- File uploads with Uploadthing
- ESM Only
- TailwindCSS
- Lucia auth with github and google oauth
- Typesafe Next.js routes
- Drizzle ORM
- Neon DB
- Rate limiting with Unkey
- Dedicated ShadCN UI primitives package
- Storybook
- Radix UI Colors for auto light/dark mode
- Next themes
- Shared tooling configuration
- Spell checking
- Markdown linting
- Turborepo task caching
- ESLint for linting
- Prettier formatting
- Commitlint with pnpm scopes
- Lint staged
- Husky
- TS Reset for the applications
- Packages built using tsup
And much more!
OrbitKit is not in final form yet, there are many things in the plans for it but it is in a usable primitive state. Checkout the Roadmap for more info.
# Clone the repository
git clone --depth 1 https://github.com/ixahmedxi/orbitkit.git <your-project-name>
#or use
npx degit ixahmedxi/orbitkit
# Install Dependencies
pnpm installCheckout the .env.example file inside the apps/web directory for the environment variables you need to get the project running. You should create an UploadThing and Neon DB accounts and copy the environment variables from their dashboard to a .env.local file in apps/web.
You will also need to create a GitHub Oauth token as well as for Google authentication as well.
appsfolder is where the applications live like the Next.js app and the Astrojs marketing websitepackages/configfolder is where packages that configure and ship out presets of tool configuration throughout the monorepo, for examplepackages/config/tailwindthat ships out a tailwind configuration preset as the single source of truth.packageshosts all of the packages that get consumed by applications, for examplepackages/uithat ships all of Shadcn UI primitives, some packages are internal (meaning they do not have a build step like the auth package) and some do like the ui package.- There is a core package,
packages/corethat is empty and should be used for business logic sharing. packages/envis where we define the environment variable types, it is an internal package that gets away with not needing a build step by usingjitito run the typescript file in thenext.config.jsfile of the web application.
# Dev
pnpm turbo dev
# Build
pnpm turbo build
# Typecheck
pnpm turbo typecheck
# Lint
pnpm turbo lint
# Storybook
pnpm turbo storybook
# Start apps in production mode
pnpm turbo startIf you're familiar with turborepo / pnpm workspaces, running stuff around this repo will be easy to figure out.
This project uses commitlint to enforce a commit message convention. The commit message should be structured as follows:
<type>(<scope>): <subject>
<body>
<footer>
To make this easier, you can use the pnpm commit command to create a commit message. This will open up a prompt for you to enter the type, scope, and subject of the commit message.
Through husky and the prepare-commit-msg hook, any git commit commands will automatically be intercepted and processed by commitizen and commitlint. If a commit message does not follow the convention, the commit will be rejected. If no commit message is provided, commitizen will open up a prompt for you to enter the commit message.
If you have any issues / problems with using OrbitKit, be sure to create an issue here on GitHub and I will help you out with it.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent