Skip to content
Branch: master
Go to file
Code

Latest commit

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
src
 
 
 
 
 
 
 
 
 
 
 
 

README.md

freeCodeCamp JAMstack examples

3 - Building with a statsic site generator

This repo holds one of a series of examples of JAMstack sites from a freeCodeCamp video. The video, "Introduction to JAMstack" is available to view for free on freeCodeCamp.

About this example

The 3rd of our 6 code examples, this example builds on example 2 to begin generating more pages with the use of a static site generator

In the video, we explore what job a static site generator does, and consider what makes a good choice of SSG for us. We'll mention a few of the popular options and describe the considerations worth keeping in mind when selecting the one that suits your project and your team. then we'll step through the abstraction of content form templates and being build and deploying our site.

Local development

To work on this example locally, you can clone the repository and start editing, although there are a few pre-requisites:

# clone the repo
git clone https://github.com/philhawksworth/fcc-3-build-with-ssg

# move into the working directory and install dependencies
cd fcc-3-build-with-ssg
npm install

# build and start the local development server
npm start

# just run the build
npm run build

Clone and deploy

If you wanted to quickly clone this repository and deploy it as a new site on Netlify you can click the button below for a rapid start. This will give you a ready-made CI/CD pipeline linked to your git commits.

Deploy to Netlify

Watch the video

For a better understanding of what this example is and why it exists, you can jump directly into the video at the point we are discussing this example

JAMstack video

Other code examples in this series

More JAMstack resources to explore

About

No description, website, or topics provided.

Resources

Releases

No releases published
You can’t perform that action at this time.