Skip to content

Latest commit

 

History

History
88 lines (63 loc) · 4.7 KB

README.md

File metadata and controls

88 lines (63 loc) · 4.7 KB
Raw

Zentala.IO Gitpod Ready-to-Code stability-stable

🌍 Overview

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

Simple Tech Stack

SCSS HTML5 JavaScript

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!

Design animated preview

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

📊 Code quality status

Vulnerabilities Security Rating Maintainability Rating Code Smells Bugs Lines of Code Technical Debt Reliability Rating Duplicated Lines (%)

🏗 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

📚 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