Create and publish a static web app with Gatsby
What you'll learn
- Setup Gatsby Development Environment
- Create a static website with Gatsby
- Serve site on Gatsby development server
- Build Gatsby Components and Sub components
- Utilize props
- Link pages of Gatsby site
- Publish Static Web App
Requirements
- Git and Node installed on your computer
- Familiarity with editing text and code files in any text editor
- Experience using the command line, including Git operations
- A GitHub account
Description
Static site generators can be defined as software applications that generates HTML pages from templates or components. Light-weight markup language such as markdown-formatted text files are used by most static site generators. Static site generators are different from content management systems such as WordPress and Drupal that are powered by databases.
Gatsby is a free and open source framework based on React that helps developers build blazing fast websites and apps. Gatsby’s rich data plugin ecosystem lets you build sites with the data you want .
Gatsby.js is a static PWA (Progressive Web App) generator. You get code and data splitting out-of-the-box. Gatsby loads only the critical HTML, CSS, data, and JavaScript so your site loads as fast as possible. Once loaded, Gatsby prefetches resources for other pages so clicking around the site feels incredibly fast.
Gatsby.js is Internet Scale. Forget complicated deploys with databases and servers and their expensive, time-consuming setup costs, maintenance, and scaling fears. Gatsby.js builds your site as “static” files which can be deployed easily on dozens of services.
Gatsby.js builds the fastest possible website. Instead of waiting to generate pages when requested, pre-build pages and lift them into a global cloud of servers — ready to be delivered instantly to your users wherever they are.
What you will learn includes:
Installing Gatsby
Creating a Gatsby site
Building components
Using sub components
Using props
Linking between pages
Deploying Gatsby Sites
Who this course is for:
- Beginners to creating static web apps
Instructor
Welcome to the vibrant learning hub of Bluelime Learning Solutions! Based in the UK, we are dedicated to crafting high-quality, easily digestible eLearning experiences. With a robust following of over 776,000 students and backed by more than 43,000 reviews, we take pride in delivering educational content that not only enlightens but also empowers.
At Bluelime Learning Solutions, our approach is simple: clear, direct, and engaging. We specialize in 100% video-based courses filled with hands-on examples that provide practical skills applicable in real-world scenarios. Our courses are designed to translate complex concepts into easy-to-understand lessons that anyone, regardless of their background, can grasp and apply.
Our extensive experience includes collaborating on projects with Fortune 500 companies, equipping us with the insights needed to understand the essential skills that today’s employers value most. At Bluelime, we’re not just about teaching; we’re about equipping you with the tools and knowledge to excel in your career and personal growth endeavors.
Join us on this journey to unlock your potential and master new skills in an easy, enjoyable, and efficient way with Bluelime Learning Solutions, where learning is made simple and effective.