React JS Landing Page Web App Template
Overview
The goal is to improve SEO with react but does the meteor js result in any drawbacks?
- See
- Limitations of Meteor.js
- See your playlist "React" with the topic to improve SEO.
LIVE DEMO
Description
This is a ReactJS based landing page template, fit for a startup company/service with a one page view. The design is inspired by a template from Free-CSS.com All componenets data can be easily modified to git use by changing the data.JSON file that contains all data.
Make it Yours!
1. Preps
You will need to have Meteor JS as well as Node JS installed on your pc.
2. Clone Files
After cloning the files, you will have to run npm install
followed by meteor
in the CLI
3. Add your own data
Change the data in the data.JSON
file as well as add any images to public/img/
You can also change styles by modifying the public/css
files.
Credits
Free CSS
Issaaf kattan
Customizing this website
Customize route
- We have one route that is defined in ./imports/routes/router.jsx that imported App.js
Customize front page
- We have all the components in ./imports/frontend/
Data rendered
- All the data is rendered from ./public/data.json that is loaded by getResumeData() in imports/frontend/APP.jsx
Progress
- change the ./public/css/style.css. Create a root containing all (primary, secondary...) colors within a variable to easy customization.
- Define the design structure