React Server Side Rendering with Express and Vite

ReactJS Server Side Rendering template (shopping website) with ExpressJS and ViteJS.

• Node.js Streams
• Data fetching from Rest API
• Sitemap add-on
• SEO friendly

Github Repository

View Demo - (Mirror Link)

Installation

1. git clone https://github.com/ramoures/express-react-ssr.git
2. cd express-react-ssr
3. npm install
4. npm run build
5. npm start or node server.mjs
6. Browse http://localhost:5173/shop/

Update the .env file to edit/remove the shop directory from the URL.

---

Develop

• Tailwind CLI build and minify process: npm run tw
• npm run dev

Browse http://localhost:4173/shop/

Always ready fresh template in development.

Build

After development completion:

1. npm run build for build new dist directory.
2. npm start or node server.mjs
3. Browse http://localhost:5173/shop/

---

I Used

• Node.js Stream
• Axios
• React Router Dom
• React Helmet
• Tailwind CSS framework
• XML Sitemap
• ...

Data source: fakestoreapi.com

---

---

License Under The MIT License
Email: [e-mail]

Comments

[🖤IEWS]

Thank you mate, I like your hybrid approach of SSR and CSR