Skip to main content

Project folder structure

A EverShop project contains node_modules, caching files, configuration files, media and extension. Let’s take a look to the directory structure:

├── .evershop
├── .log
├── config
│ ├ default.json
├── extensions
├── media
├── node_modules
├── themes
├── package-lock.json
└── package.json


This folder contains the built files for production. ReactJS components and assets files will be generated by the build command and stay here automatically.


This folder contains the log file. The log file is where we store the logging information of all the even happening in your application.


This folder contains the configuration files. You can learn more about the configuration in this document.


This folder contains modules developed by third-party and developer. Check this document to understand more the module structure.


This folder contains media files like product images, category images.


This is the default node_modules from NodeJS. It contains the packages from NodeJs and vendors. EverShop core package is also located in this folder.

npm run docusaurus docs:version 1.0

The docs folder is copied into versioned_docs/version-1.0 and versions.json is created.

Your docs now have 2 versions:

  • 1.0 at http://localhost:3000/docs/ for the version 1.0 docs
  • current at http://localhost:3000/docs/next/ for the upcoming, unreleased docs

Add a Version Dropdown

To navigate seamlessly across versions, add a version dropdown.

Modify the docusaurus.config.js file:

module.exports = {
themeConfig: {
navbar: {
items: [
type: 'docsVersionDropdown',

The docs version dropdown appears in your navbar:

Update an existing version

It is possible to edit versioned docs in their respective folder:

  • versioned_docs/version-1.0/ updates http://localhost:3000/docs/hello
  • docs/ updates http://localhost:3000/docs/next/hello