The template J1 comes with a website included, a boilerplate for new a website This Web is called the Starter Web, a general-purpose scaffold to be modified for your needs.
The people on Netlify provide a really easy workflow to bring a website to life using a template like JekyllOne Theme on the Internet in minutes: The 1-Click Deployment. The Workflow allows users to deploy a website on the Internet without a locally running installation on their computers. I invite you on a journey to using the 1-Click Deployment for your new site on the Internet. At the end of this chapter, which only takes a few minutes, you will have your presence, a website on the Internet. You don’t need any software to be installed on your computer. You won’t pay anything for this.
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
Two service providers are required to make this happen: Github and Netlify. The platforms provided by Github and Netlify are used to build and control a J1 website on the Internet. Both providers give full access to their services with no limits.
| If you have already worked on the section Rocketstart, you can skip this chapter. A Starter Web is on Github and Netlify already in place and can be used for the next section Development System. |
If you do not already have accounts, sign up to be prepared for the journey:
| It is recommended to sign up for Github first. You can use the account data from Github to register on Netlify. |
1-Click Deployment
The people on Netlify prepared a really easy process to bring a website live using a (JAMstack-based) template like J1 on the Internet in minutes. This is magic but real.
The 1-Click Deployment on Netlify opens a new window, a new tab in your browser. From the section Deployment Reference you find all the steps for this process in all details. To control the deployment process better, place the browser’s windows side-by-side.
Start the magic 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.