React SSR by express and vite

ramoures - Jul 30 - - Dev Community

React Server Side Rendering template (shopping website) by Express and Vite.

  • Data fetching from Restful API
  • Sitemap add-on
  • SEO friendly

Github Repository

View Demo


Installation

  1. git clone git@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

  • Axios
  • React Router Dom
  • React Helmet
  • Tailwind CSS framework
  • dotenv
  • XML Sitemap
  • ...

Data source: fakestoreapi.com


License Under The MIT License
Email: ramoures@gmail.com

. .
Terabox Video Player