QuickstartFAQGitHubTwitterDiscord
Back to sandpack.codesandbox.io
  • Introduction
  • Getting Started
    • InstallReact
    • Quickstart
    • Usage
    • Layout
    • Themes
    • Private packagesEnterprise
  • Advanced Usage
    • Overview
    • Components
    • Hooks
    • Sandpack ClientJS
    • StaticJS
    • Experimental bundler (beta)
    • Serving static files (beta)
  • Guides
    • Overview
    • Local dependencies
    • Hosting the Bundler
    • Integrate Monaco Editor
    • Server-side rendering

  • Resources
    • Community
    • FAQ
    • Migration Guide
      • v1.x
      • v2.x
  • Architecture
    • Overview
    • Private Packages
  • Introduction
  • Getting Started
    • InstallReact
    • Quickstart
    • Usage
    • Layout
    • Themes
    • Private packagesEnterprise
  • Advanced Usage
    • Overview
    • Components
    • Hooks
    • Sandpack ClientJS
    • StaticJS
    • Experimental bundler (beta)
    • Serving static files (beta)
  • Guides
    • Overview
    • Local dependencies
    • Hosting the Bundler
    • Integrate Monaco Editor
    • Server-side rendering

  • Quickstart
  • FAQ
  • Resources
    • Community
    • FAQ
    • Migration Guide
      • v1.x
      • v2.x
  • GitHub
  • Twitter
  • Discord
  • Architecture
    • Overview
    • Private Packages
Edit this page on CodeSandbox →
  • Guides
  • Overview

Guides

Here you can find some guides or recipes on using the Sandpack in different situations. These examples are basic implementations, and you need to consider improving for production, but you can find more detailed guides in the advanced usage section.

  • Integrate Monaco Editor
  • Integrate private packages
  • Integrate Prettier for code formatting: CodeSandbox example
  • Integrate ESLint for static code analysis: CodeSandbox example
  • Integrate Real Time collabration using firepad: repo example
Serving static files (beta)Local dependencies