Zentala.IO

🌍 Overview

Modern, minimalistic, one-page, simple in every way developer personal home page.

Simple Tech Stack

Time-Efficient

• fork for yourself and customize
• instantly enter into ready-to-code development IDE with GitPod
• personalize easily
• host serveless & free on GitHub Pages

Feel free to fork it for yourself and use for your needs!

Check out live example: https://id.zentala.io/

📊 Code quality status

🏗 How to deploy your own?

Domain preparation

If you own a domain you can deploy it, in in the subdomain with simple CNAME record added to yor DNS Zone. In my case CNAME record for id.zentala.io points at my GitHub profile zentala.github.io..

If you don't own domain you still can host webpage under github.io domain: <your_github_username>.github.io.

For more about GitHub Pages configuration go to the official documentation.

Code preparation

• fork this repo and rename it into choosen domain name
• edit package.json and go to scripts > deploy, change id.zentala.io to your domain name & commit
• edit README.md and replace repository URL with yours in GitPod link & commit
• install GitPod from Marketplace and turn it on in the repository
• open project with GitPod & change all titles, icons, descriptions you want to change & commit
• deploy with npm run deploy (that will create branch deploy with built website)

Turing on GitHub Pages

• having branch deploy built, and domain configured...
• go to repository Settings > Pages
• choose deploy branch from the list, click Save
• wait till TLS cert will be generated (that may take around 15min), check Enforce HTTPS

Congrats. Your website should be avaliable under choosen domain name!

📦 Dependencies & Environment

• Parcel.js - web application bundler
• nvm (Node Version Manager)
• GitHub Pages for serverless hosting
• GitPod for web-development setup

📚 Technical Stack Overview

⚡️ Online (GitPod) development

Just click Gitpod button above.

💻 Local development

Setup

$ git clone [email protected]:zentala/id.zentala.io.git
$ cd id.zentala.io.git
$ nvm use .
$ npm install

Development mode

$ npm run dev

Then open in the browser http://localhost:2000/.

Build and deploy

$ npm run deploy