Skip to content

A simple (and stylish) documentation boilerplate πŸ“„.

License

Notifications You must be signed in to change notification settings

ayoub3bidi/janus

Repository files navigation

Janus

Janus Logo
A modern documentation website boilerplate powered by Docusaurus and Tailwind CSS

Built With Docusaurus Styled With Tailwind

πŸš€ Overview

Janus is a powerful documentation website boilerplate that combines the robust features of Docusaurus with the utility-first approach of Tailwind CSS. It's designed to help you create beautiful, functional, and multilingual documentation websites with minimal setup.

✨ Features

  • πŸ“ Docusaurus Foundation: Built on top of Docusaurus, providing a stable and feature-rich documentation framework
  • 🎨 Tailwind CSS Integration: Modern, responsive styling with the utility-first CSS framework
  • πŸ” Search Functionality: Offline/local search capabilities to help users find content quickly
  • 🌐 Internationalization: Full i18n support with easy translation management
  • πŸ“± Mobile Responsive: Looks great on devices of all sizes
  • 🐳 Docker Support: Easy development and deployment with Docker

πŸ› οΈ Quick Start

  1. Clone the repository:
git clone https://github.com/ayoub3bidi/janus.git
cd janus
  1. Install dependencies:
pnpm install
  1. Start the development server:
pnpm start

Your site should now be running at http://localhost:3000

πŸ“¦ Available Commands

All commands are run from the root of the project:

Command Description
pnpm install Installs project dependencies
pnpm start Starts development server at localhost:3000
pnpm build Builds production site to ./dist/
pnpm serve Previews production build locally

Translation Commands

Command Description
pnpm run write-translations --locale fr Generates translation fields in i18n folder for French
pnpm run start --locale fr Runs the French version locally

Docker Commands

Command Description
docker-compose -f docker-compose-local.yml up --build -d Runs development environment in Docker

🌐 Internationalization

Janus comes with built-in support for multiple languages. To add translations:

  1. Wrap your text in <Translate> tags
  2. Generate translation files using the translation command
  3. Add translations to the generated files
  4. Run the site in your desired language

🀝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

πŸ™ Acknowledgments