Gatsby Course Starter

screenshot of Gatsby Course Starter
gatsby
react
bootstrap

a gatsby starter project to help you create educational materials

Overview:

This document provides a step-by-step guide to installing a Gatsby theme for creating a course website. It includes instructions on setting up the theme, customizing the siteMetadata fields, configuring the theme variables, deploying the site to GitHub Pages using GitHub Actions, and generating CSV files for lessons and links.

Features:

  • Lessons: Define lessons with frontmatter including path, order, title, and description.
  • Themes: Customize the theme variables and Prism.js theme.
  • GitHub Pages: Deploy the site to GitHub Pages with pathPrefix configuration.
  • GitHub Actions: Easily deploy the site using GitHub Actions.
  • Example Sites: View example sites created with the theme.
  • CSV Generation: Automatically generate CSV files for lessons and links.
gatsby
Gatsby

GatsbyJS is a free and open-source static site generator based on React. It uses a modern development stack including Webpack, GraphQL, and modern JavaScript and CSS frameworks. It also provides a rich set of plugins, starters, and themes.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

bootstrap
Bootstrap

Bootstrap is the most popular CSS Framework for developing responsive and mobile-first websites.

eslint
Eslint

ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.

prismjs
Prism JS

PrismJS is an open-source, lightweight, and extensible syntax highlighting library that supports a wide range of programming languages and markup formats.