Skip to content

Rspress Tutorial

Welcome to the Rspress Tutorial! This comprehensive guide will take you from zero to hero, progressively teaching you Rspress, a modern static site generator built with Rust.

What is Rspress?

Rspress is a fast, flexible, and easy-to-use static site generator specifically designed for documentation websites. It combines Rust's high performance with modern frontend technologies, providing developers with an exceptional development experience.

Key Features

  • Blazing Fast - Built with Rust for ultra-fast build speeds
  • 📝 MDX Support - Use React components in Markdown
  • 🎨 Modern Theming - Beautiful themes out of the box
  • 🔍 Full-text Search - Powerful built-in search functionality
  • 🌍 Internationalization - Comprehensive multi-language support
  • 📱 Responsive Design - Perfect adaptation for all devices
  • 🔌 Plugin System - Flexible extensibility

Tutorial Contents

Basics

  1. Introduction - Understand Rspress core concepts and advantages
  2. Quick Start - Create your first Rspress project
  3. Conventional Routing - Understand Rspress routing mechanism
  4. Navigation & Sidebar - Configure website navigation structure

Intermediate

  1. Auto Navigation Generation - Automate navigation configuration
  2. MDX & React Components - Use interactive components in docs
  3. Static Assets - Manage images, styles, and other assets
  4. Static Site Generation (SSG/SSR) - Understand site generation mechanisms
  5. Internationalization (i18n) - Build multi-language documentation sites
  6. Deployment - Deploy your site to production

Advanced

  1. llms.txt - AI-optimized documentation indexing
  2. Code Blocks & Containers - Rich content presentation
  3. Custom Pages - Create special page layouts
  4. Custom Theme - Build unique visual styles
  5. Versioning - Manage multiple documentation versions
  6. Built-in Components - Use Rspress provided components
  7. Build Extensions - Extend functionality with plugins
  8. Custom Search - Customize search experience

Target Audience

  • 🎓 Developers wanting to learn modern documentation tools
  • 📚 Teams needing to build technical documentation
  • 🚀 Projects pursuing ultimate performance
  • 🌐 International projects requiring multi-language support

Learning Path

If you're a complete beginner, we recommend following this order:

  1. Start with Introduction to understand basic concepts
  2. Follow Quick Start to build your first project
  3. Learn basic configuration (routing, navigation, sidebar)
  4. Master content writing (MDX, code blocks, components)
  5. Dive into advanced features (theming, plugins, deployment)

Get Started

Ready to begin? Let's start with the Introduction and embark on this learning journey!

Resources


Note

This tutorial is continuously updated to stay in sync with the latest version of Rspress. Bookmark this page for future reference.

Content is for learning and research only.