Before We Continue

Adding Meta tags is not as Straightforward, Because we have to add it in our React Components (pages) and also in the HTML pages that will be generated (pre-rendered).

Meaning we will be adding same content at multiple places., It will be best to keep all of our META tags in a separate file and use that file wherever we want, So in future when we want to change the meta tags content or add new meta tags We will only have to add/change it at a single location.

Also there seems to be an issue with the Slider we're using in the Homepage, The issue causes HTML file generation to fail, Right now the easiest fix is to remove the Slider from homepage, I will remove the slider for now, But we will get back to this later.

Let's edit the file src/content/Home.js and replace its content with

'use strict'; import React from 'react'; import DefaultLayout from 'app/layouts/Default'; import { Heading } from 'app/components/UI'; import { Row, Col, Carousel } from 'antd'; const Home = (props) => { return ( <DefaultLayout> <Heading title="Hey You, Yes You!, Want to be More Productive? Have lists of things you care about? Love simple and sexy UI?" /> <Col span={24} className="component--slider"> <div> <div className="image"> <img src="/images/slider/1.png" /> </div> <div className="title" style={{ textAlign: 'center' }}>This is a screenshot of the Board view page</div> </div> </Col> </DefaultLayout> ); } export default Home;

This will fix the issue. Hope this all made sense., Let's continue.