https://github.com/phucbm/single-web-page-boilerplate

A boilerplate to quickly build a single web page with GitHub pages deploy.
https://github.com/phucbm/single-web-page-boilerplate

atomic-css es6 github-actions github-pages webpack

Last synced: about 1 month ago
JSON representation

A boilerplate to quickly build a single web page with GitHub pages deploy.

• Host: GitHub
• URL: https://github.com/phucbm/single-web-page-boilerplate
• Owner: phucbm
• License: mit
• Created: 2024-04-28T02:06:17.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2025-06-26T09:42:38.000Z (11 months ago)
• Last Synced: 2026-03-27T04:46:52.209Z (2 months ago)
• Topics: atomic-css, es6, github-actions, github-pages, webpack
• Language: JavaScript
• Homepage: https://phucbm.github.io/single-web-page-boilerplate/
• Size: 1.82 MB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Single Web Page Boilerplate

[![github stars](https://badgen.net/github/stars/phucbm/single-web-page-boilerplate?icon=github)](https://github.com/phucbm/single-web-page-boilerplate/)

[![github license](https://badgen.net/github/license/phucbm/single-web-page-boilerplate?icon=github)](https://github.com/phucbm/single-web-page-boilerplate/blob/main/LICENSE)

[![Made in Vietnam](https://raw.githubusercontent.com/webuild-community/badge/master/svg/made.svg)](https://webuild.community)

A boilerplate to quickly build a single web page with:

- ⚙️ ES6 module

- ⚙️ Webpack with HRM ready

- ⚙️ SCSS

- ⚙️ Automation to deploy to GitHub Pages on every push

## Todos

1. Update `package.json` with your project info.

2. Start your code with `/site/index.js` **(do not rename this file)**.

3. Manage your site in folder `/site`.

## Deployment

```bash

# Install

npm i

# Run dev server

npm run dev

# Build production site with default path "/"

npm run build

# Build using GitHub Actions requires a different path

# domain.com or sub.domain.com => use "/"

# domain.com/your-site => use "/your-site"

npm run ghp-build

```