Skip to content
This repository has been archived by the owner on Apr 30, 2021. It is now read-only.
/ RSSR Public archive

React Server Side Rendering boilerplate with Authentication structure

Notifications You must be signed in to change notification settings

rssr-org/RSSR

Repository files navigation

RSSR Boilerplate

Welcome to RSSR(React-JS Server Side Rendering). Being here is a sign of your professionalism.

RSSR is a SSR boilerplate for React js and contains:

  • SSR (Server Side Rendering)
  • User Authentication Structure
  • SEO optimization utilities
  • SCSS Style Namespace
  • and more …

contain

:: Base

  • React 17.0.1 (react-dom 17.0.1)
  • express 4.17.1
  • webpack 4.43.0
  • eslint 6.8.0
  • axios 0.21.0
  • history 4.10.1

:: Useful side

  • node-sass 4.14.1 (support scss)
  • rssr-seo-optimization 0.0.1 (improve SEO)
  • dotenv 8.2.0 (support .env files)
  • cookie-parser 1.4.5 (support cookie in server mode)
  • express-rate-limit 5.1.3 (limit and filer requests in server)
  • local-storage 2.0.0 (good structuer for local storage)
  • trim-redux 2.3.0 (Redax simplification)
  • rssr-namespace 1.0.1 (set name space for SCSS (style) files.)

:: utility (there is no force, You can simply delete)

  • bootstrap 4.5.3
  • jquery 3.5.1

Documentation

See Documentation in github.

You can also watch videos of RSSR team at aparat and youtube, .

Usage Notice

The core of RSSR is stable but needs some changes before it can be released publicly. You can fork, review and star it but DO NOT USE it for your enterprise projects until the final release!

For more information, follow us at : Telegram channel.

Know more

what is SSR?

Server Side Rendering is a popular technique for rendering a normally client-side single page app (SPA) on the server and then sending a fully rendered page to the client. The client’s JavaScript bundle can then take over and the SPA can operate as normal. One major benefit of using SSR is in having an app that can be crawled for its content even for crawlers that don’t execute JavaScript code. This can help with SEO and with providing meta data to social media channels.

What is a Boilerplate?

In programming, the term boilerplate code refers to blocks of code used over and over again.

Let’s assume your development stack consists of several libraries, such as React, Babel, Express, Jest, Webpack, etc. When you start a new project, you initialize all these libraries and configure them to work with each other.

With every new project that you start, you will be repeating yourself. You could also introduce inconsistencies in how these libraries are set up in each project. This can cause confusion when you switch between projects.

This is where boilerplates come in. A boilerplate is a template that you can clone and reuse for every project.

About

React Server Side Rendering boilerplate with Authentication structure

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages