Tailwind Resources Logo Tailwind Resources
Rtk Start screenshot

Rtk Start

Author Avatar Theme by Kazmi066
Updated: 23 Nov 2022
20 Stars

Boilerplate for projects using React, Tailwind, Redux Toolkit

Github

Categories

React Scss

Overview

This product is an extended version of the React template from Stellar Minore Open-source Template. It provides a more simplified version of the template with a specific folder structure and without the RTK (Redux Toolkit) setup. The template is designed for projects that use React, Tailwind CSS, Redux Toolkit, SASS Modules, and Eslint/Stylint configurations.

Features

  • Auth (Login/Register) pages without any styles for easy setup of authentication.
  • Navbar component without any styles, allowing for customization according to specific needs.
  • Private/Public Components to handle protected routes functionality on the client-side.
  • Custom Axios Instance with support for handling JWT (JSON Web Token) access-tokens and refresh-tokens.
  • SASS variables and mixins centralized in one place for easy access (/utils/sass).
  • Redux Toolkit integration with login, register, logout, and verifyUser functionality.
  • Connected with Axios Instance to handle all API calls.
  • Built-in structure to handle http-only cookies (refresh-tokens) and storage of access-tokens in localstorage.
  • Support for Rotating-refresh-tokens for improved security.

Installation

To use the template, please ensure you have the latest version of Node.js installed. Then follow these steps:

  1. Clone the repository.

    git clone [repository URL]

  2. Install dependencies.

    npm install

  3. Start the development server.

    npm start

  4. Access the app in your browser at http://localhost:3000.

Summary

This extended React template from Stellar Minore Open-source Template provides a simplified starting point for projects using React, Tailwind CSS, Redux Toolkit, SASS Modules, and Eslint/Stylint configurations. It includes features such as pre-built authentication pages, customizable navbar, protected routes functionality, custom Axios instance for handling API calls and JWT tokens, and support for rotating refresh tokens. By following the installation guide, users can quickly set up and start working with this template.