Ssr screenshot

Ssr

Author Avatar Theme by Ribbtdev
Updated: 22 Sep 2020
284 Stars

React Server-Side Rendering Example

Categories

Overview:

The content provides an example playground for implementing React & Redux on both the client and server sides. It offers a tutorial on server-side rendering (SSR) and demonstrates building a Clash of Clans app card. The tutorial clarifies that the example is not suitable for production and recommends using mature solutions like Next.js for such purposes.

Features:

  • React & Redux Implementation: Utilizes React and Redux for client and server-side rendering.
  • Clash of Clans App Card: Demonstrates building a Clash of Clans app card as a practical example.
  • Server-Side Rendering (SSR): Offers a tutorial on the concept of server-side rendering for React applications.
  • Development Environment Setup: Guides users on cloning the repository, installing dependencies, and launching the server.
  • Separate Client and Server Rendering: Illustrates the difference between server-side rendered homepage and client-side rendered ‘/client’ page.

Installation:

  1. Clone the repository:

    git clone <repository-url>
    
  2. Navigate to the project directory and install dependencies:

    cd <project-directory>
    npm install
    
  3. Launch the server:

    npm start
    
  4. Access the application at http://localhost:3000.

Summary:

The content serves as an example playground for React & Redux implementation on both client and server sides, with a focus on server-side rendering. It provides a tutorial on building a Clash of Clans app card and emphasizes not using the example in production, recommending the use of mature solutions like Next.js instead.