Share Description
In this course, you will learn :
- How to make a blog with Gatsby JS.
- How to Make a Blog with Markdown Files
- How to use React Bootstrap in your design.
- How to include SEO in their blog.
- Gatsby's approach to markdown files.
- How to Make a Gatsby Image
- How to Create a Basic Layout
- How to Interpret Error Messages
- How to Setup Gatsby.
- From start to finish, a complete understanding of how a Gatsby JS blog works.
Syllabus :
1. Using Markdown files in Gatsby JS
- Installing gatsby-transformer-remark
- Pulling Data from markdown files
- Applying the markdown info to the index
- Querying the HTML and the Excerpt
- Applying the Excerpt to the Index
- Adding a date to a markdown file
- Sorting by Date
2. Creating Links to the Markdown Content
- Creating the Links to the Full Blog Posts
- Modifying the Blog Post Template
- Linking up the slugs
3. Images in Gatsby
- Installing Gatsby Image plugins
- Adding an Image to a markdown file
- Applying childImageSharp to the image
- Gatsby Img tag
- Adding an image to the individual blog post
- Adding images to a mardown file not in frontmatter
- Making the markdown images show up in the blog post
4. Build THEN Design
- Build then Design
5. Adding to, and Restructuring, The Build
- Adding a Layout Component
- Creating a blog page
- Adding a sub folder name to the blog
6. Installing and Setting up React Bootstrap
- Installing React Bootstrap
- Implementing React Bootstrap
7. Building a Navigation / Header and Footer
- Building a basic navigation
- Building a Footer
- Navbar Expand
8. Search Engine Optimization
- SEO
9. Designing the Blog Page
- Adding a Grid to the Blog
- Adding cards to the blog
10. Gatsby Build, Serve (and fix any bugs if needed)
- Gatsby Build and Gatsby Serve
- Fixing the dangerouslySetInnerHTML
- Deploying your blog to a Web Hosting Company
