Datekit

Beautiful calendar components for React/Next.js, built with Tailwind CSS & Day.js.

Using this example

Run the following command:

npx create-turbo@latest -e with-changesets

What's inside?

This repo includes the following:

Apps and Packages

• @datekit/docs: Documentation site powered by Next.js
• @datekit/website: Main website powered by Next.js
• @datekit/core: Datekit core components
• @datekit/utils: Datekit shared utilities
• @datekit/typescript-config: TypeScript preset
• @datekit/eslint-config: ESLint preset

Each package and app is 100% TypeScript.

Utilities

This Turborepo has some additional tools already setup for you:

• TypeScript for static type checking
• ESLint for code linting
• Prettier for code formatting

Useful commands

• npm run build - Build all packages and both the website and the docs site
• npm run dev - Develop all packages and both the website and the docs site
• npm run lint - Lint all packages
• npm run changeset - Generate a changeset
• npm run clean - Clean up all node_modules and dist folders (runs each package's clean script)

Versioning and Publishing packages

Package publishing has been configured using Changesets. Please review their documentation to familiarize yourself with the workflow.

This example comes with automated npm releases setup in a GitHub Action. To get this working, you will need to create an NPM_TOKEN and GITHUB_TOKEN in your repository settings. You should also install the Changesets bot on your GitHub repository as well.

For more information about this automation, refer to the official changesets documentation

npm

If you want to publish package to the public npm registry and make them publicly available, this is already setup.

To publish packages to a private npm organization scope, remove the following from each of the package.json's

- "publishConfig": {
-  "access": "public"
- },

GitHub Package Registry

See Working with the npm registry