Deploy a Gatsby website on Netlify

Khaled Garbaya
InstructorKhaled Garbaya
Share this video with your friends

Social Share Links

Send Tweet
Published 5 years ago
Updated 4 years ago

In this lesson, you will learn how to push your website code to Github and Build and deploy it using Netlify

Instructor: [00:00] In GitHub, let's create a new repository. Here, we will name it JAMstack tutorials. We can create the repository. Now, let's follow these instructions. Mainly, we'll add this remote.

[00:30] Go to the command line. Here, we will paste this. Hit enter. Now that we have the remote added, let's add everything and commit. Now, let's push.

[00:51] Let's go back to our repository. Refresh. Now, we have all the code in here committed. Let's go to Netlify. After you log in, this is your main dashboard. You click new site from Git. Here we click GitHub.

[01:15] After I am authorized, I can look for the repository that they have. If we type just JAMstack, it will be more than enough.

[01:29] This is our repository. You can see here that it's a Gatsby project. It will run this Gatsby build command from my server. Let's deploy the site. You can see the logs. This is our website being built.

[01:55] Now, our site is live. We can click on the preview button. You can see here this is our website. We can navigate and go to the lessons and read everything. That's how you deploy your Gatsby website to Netlify.