The J1 Template ships with a complete website included — a boilerplate ready for you to customize. This included website is called the Starter Web. It is a general-purpose scaffold that you can change for your own needs.
The team at Netlify provides a very easy way to put a website like the Starter Web online in just a few minutes: the 1-Click Deployment. With this workflow you can deploy a website to the Internet without installing anything on your computer.
In this chapter you will use 1-Click Deployment for your first J1 site. It only takes a few minutes. At the end of this chapter you will have your own website on the Internet — and you will not have paid a single cent or installed any software on your PC.
3 Minutes to read
All Chapters
Find here an overview on all chapters this tutorial:
Meet & Greet
You are here — A awesome Site
Development System
Project Management
Creating Content
Required Services
To follow this chapter, you need free accounts with two service providers: GitHub and Netlify. Together they let you build and host a J1 website on the Internet. Both providers offer a free tier that is more than enough for this tutorial.
| If you have already worked through the Rocketstart section, you can skip this chapter. Your Starter Web is already on GitHub and Netlify, and you can move straight on to the next chapter, Development System. |
If you do not have these accounts yet, sign up now:
| It is best to sign up on GitHub first. You can then use your GitHub account to sign in to Netlify, which saves you from creating yet another password. |
1-Click Deployment
The Netlify team has built a very simple process that takes a JAMstack template like J1 and turns it into a live website on the Internet in just a few minutes. It really only takes one click — Netlify handles the rest.
The 1-Click Deployment button opens a new browser tab. The deployment process itself is explained step by step in the Deployment Reference section. To follow along easily, place your two browser windows side by side: this tutorial in one, and the Netlify deployment in the other.
Ready? Click the button below to start the deployment on Netlify.
Summarized
A lot you’ve learned, time to summarize what is behind. The last chapter should help with that. The section Summarize offers some handy sections to remember what has been presented in this chapter. And giving an outlook of what could be done next, an overview of all chapters of this tutorial, and useful links to learn more.
See all sections below:
Recap — What has been done, what’s explored in current section
What Next — Find to go further, what’s planned next
All Chapters — The full chain, all chapters
Further Reading — List of helpful links to get more
Recap
You got it managed. The new website is online. The site was built from the boilerplate of J1. For sure, not real your site but a good starting point for your content to make your ideas of a website real. And you’re prepared well. The control center on Netlify is in place, and your site is sitting a repo at Github. Not that bad!
And better: your control center on Netlify supports you for the next deployments of the modifications you made. And again, all steps needed to deploy your site is done in minutes.
What Next
Another milestone has been reached: Your website, your first web project, is a git repo on Github. This repo will play a central role for all further steps in this tutorial. You can expect a number of exciting topics to be discussed later. Editing the content of a project directly via the central Git repo at Github is possible in individual cases via the Github web interface, but it contradicts the basic idea of Git as a distributed management system. How to work with git repos is discussed in the next sections. You won’t become a expert on Git, but you learn all the basics how to manage git repos. A great base to learn more, that’s for sure.
For the next step, a local copy of the repo from Github to a folder on your PC will be created to start developing from a local system. This local copy, the so-called working-copy, is the starting point using Git.
J1 comes with a full-featured development system. The local copy of the repo contains already all components required to manage the development processes, including a webserver to access your website from your local system. All you need to know how to install a local development system is available with the next section. You learn how to manage J1-based websites based from local and deploy the modifications of your site.
Go for setting up your personal development system.
All Chapters
Find here an overview on all chapters this tutorial:
Meet & Greet
You are here — A awesome Site
Development System
Project Management
Creating Content
Further Reading
Reading this chapter is not essential for working on the project first time. Additional links will be helpful to learn more. The references point to important sources of manufacturer documentation. Here you can find out all the possibilities what the products can offer. Experiences from others are extremely important when dealing with software and more complex projects. Links to other sites may answer common questions from the experience of professionals. Here you can think far outside the box of a project currently worked on.
Further links in the current section.