React SSR template with express

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

Data fetching from Restful API
Sitemap addon
SEO friendly

Github Repository

View Demo

Installation

git clone https://github.com/ramoures/expres…


This content originally appeared on DEV Community and was authored by ramoures

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

  • Data fetching from Restful API
  • Sitemap addon
  • SEO friendly

Github Repository

View Demo

Installation

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

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

Develope

  • 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.js
  3. Browse http://localhost:5173/shop/

I Used

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

Data source: fakestoreapi.com

With the help of : template-ssr-react

License Under The MIT License

Email: ramoures@gmail.com


This content originally appeared on DEV Community and was authored by ramoures


Print Share Comment Cite Upload Translate Updates
APA

ramoures | Sciencx (2024-07-30T04:08:22+00:00) React SSR template with express. Retrieved from https://www.scien.cx/2024/07/30/react-ssr-template-with-express/

MLA
" » React SSR template with express." ramoures | Sciencx - Tuesday July 30, 2024, https://www.scien.cx/2024/07/30/react-ssr-template-with-express/
HARVARD
ramoures | Sciencx Tuesday July 30, 2024 » React SSR template with express., viewed ,<https://www.scien.cx/2024/07/30/react-ssr-template-with-express/>
VANCOUVER
ramoures | Sciencx - » React SSR template with express. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2024/07/30/react-ssr-template-with-express/
CHICAGO
" » React SSR template with express." ramoures | Sciencx - Accessed . https://www.scien.cx/2024/07/30/react-ssr-template-with-express/
IEEE
" » React SSR template with express." ramoures | Sciencx [Online]. Available: https://www.scien.cx/2024/07/30/react-ssr-template-with-express/. [Accessed: ]
rf:citation
» React SSR template with express | ramoures | Sciencx | https://www.scien.cx/2024/07/30/react-ssr-template-with-express/ |

Please log in to upload a file.



There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.

Related Posts