Skip to content
A fully fledged boilerplate to kickoff your Kuzzle projects with React and Redux
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.
backend @ fbece1a

Kuzzle, React and Redux boilerplate

A pretty fat boilerplate to start-off webapp projects based on Kuzzle and React/Redux. This boilerplate is composed of a backend, located in ./backend and a frontend, located in ./frontend.

Each layer of the stack contains its corresponding file. Please refer to it.


This boilerplate provides you with:

  • A dockerized instance of Kuzzle, ready to be extended with a...
    • ...plugin boilerplate mounted as a volume in the Kuzzle Docker container
  • A React web application based on the Kuzzle SDK v6, including:
    • an implementation of the authentication method integrated with Redux
    • an implementation of the "Offline mode", also integrated with Redux
    • an implementation of react-toastify to show notifications

Get trained by the creators of Kuzzle ⚡️

Train yourself and your teams to use Kuzzle to maximize its potential and accelerate the development of your projects.
Our teams will be able to meet your needs in terms of expertise and multi-technology support for IoT, mobile/web, backend/frontend, devops.
👉 Get a quote


Clone this repository using the following command

git clone --recurse-submodules

Note that the --recurse-submodules is important since the backend folder is a submodule pointing to the Kuzzle Plugin Advanced Boilerplate.

And then what?

Start your local Kuzzle instance by typing

docker-compose -f backend/docker/docker-compose.yml up -d

Login to Kuzzle Admin Console and create your admin account.

Serve your web app locally by typing:

cd frontend
yarn install && yarn start

It's done! Now you can visit localhost:3000 and login with the previous created account.

Start a new project

If you want to start a new project from this boilerplate, delete the Git tree and reinitialize the repo from scratch:

cd kuzzle-react-redux-boilerplate
rm -rf .git

At this point you may rename the folder of your project to a meaningful name. Then, you can set remote(s) the usual way:

git init
git remote add origin <another-git-server-URL-here>

It's all over! Now you can start your new project using Kuzzle and React.

You can’t perform that action at this time.