Features

• Google Analytics by react-ga
• SEO by react-helmet
• Email Form data by emailjs
• Easy deployment on netlify
• Styling using react-bootstrap and SASS used
• Routing using react-router
• It is responsive!

Run locally

$ npm install

continuosly watch SASS file changes $ npm run watch:sass this will make main.css files that is imported in index.js

in other terminal $ npm run start

For EmailJS thing, you need to get EmailJS UserId. Paste it in public/index.html -> emailjs.init(paste here) or set that key in .env file or set it in Netlify Environment variable(I did this)

Deployment

in public folder, _redirects file is already there because without that, react routing will not work on netlify

Why such things

You can get how much time people spend on particular page, on which button they click, what is the most often page peope visits on your webstie and more than that - all you can do with react-ga(google analytics)

You can add meta title, descriptions, keywords, tags using react-helmet, trust me, it will boost your site SEO even for SPA!

Prefer using sass-boilerplate, it has main.scss file that has imports of all other SASS files. SASS is a very powerful thing. You may want to read sass-guidelines to get most out of it.

Like my work?

You can support me on Patreon on this Link or

on this Link