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

  • Resources
    • Community
    • FAQ
    • Migration Guide
      • v1.x
      • v2.x
  • Introduction
  • Getting Started
    • InstallReact
    • Quickstart
    • Usage
    • Layout
    • Themes
    • Private packagesPro
  • Advanced Usage
    • Overview
    • Components
    • Hooks
    • Sandpack ClientJS
    • NodeboxJS
    • StaticJS
    • Experimental bundler (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
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
Experimental bundler (beta)Local dependencies