Your Docusaurus site did not load properly.

A very common reason is a wrong site baseUrl configuration.

Current configured baseUrl = /superplate/

We suggest trying baseUrl =

logo-icon

The frontend boilerplate with superpowers

Meercode CI ScoreMeercode CI Success Ratenpm versionDependencies StatusdevDependencies Statusnpm

All plugins follow the best practices

superplateĀ gives you many abilities to create your own plugin and interact with the others. You can add usefull, highly-demands front-end development tools and libraries as a plugin by using superplate CLI during the project creation phase.

To create a project called my-app, run this command:

npx superplate-cli my-app

Easy to get started in seconds
const base = {
_app: {
import: [
'import { ChakraProvider } from "@chakra-ui/react";',
'import theme from "@definitions/chakra/theme";',
],
wrapper: [["<ChakraProvider theme={theme}>", "</ChakraProvider>"]],
},
testSetup: {
import: [
'import { ChakraProvider } from "@chakra-ui/react";',
'import theme from "@definitions/chakra/theme";',
],
wrapper: [["<ChakraProvider theme={theme}>", "</ChakraProvider>"]],
},
};
module.exports = {
extend() {
return base;
},
};

Easy to extend/customize plugin structure

You can easily develop your own framework CLI and plugins according to your needs to on top of superplate codebase due to its framework/plugin agnostic nature.

npm run dev