Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/nids0810/nodejs-html-jquery-boilerplate
Build a HTML website with Node.js, Javascript, Jquery, bootstrap, SCSS using Parcel builder
https://github.com/nids0810/nodejs-html-jquery-boilerplate
boilerplate html javascript jquery nodejs scss
Last synced: 9 days ago
JSON representation
Build a HTML website with Node.js, Javascript, Jquery, bootstrap, SCSS using Parcel builder
- Host: GitHub
- URL: https://github.com/nids0810/nodejs-html-jquery-boilerplate
- Owner: nids0810
- Created: 2019-05-03T05:09:30.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2019-05-05T06:06:28.000Z (over 5 years ago)
- Last Synced: 2023-08-10T07:18:19.371Z (over 1 year ago)
- Topics: boilerplate, html, javascript, jquery, nodejs, scss
- Language: HTML
- Homepage:
- Size: 88.9 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Node JS HTML JQuery Boilerplate #
Use this teamplate as a boilerplate to build a dynamic HTML website using Node.js, Javascript, Jquery and scss using the Parcel builder in just five simple steps.
1. Clone the git repo. This will add all the necesary files including the website file under `src` folder
```
git clone https://github.com/vipl0ve/nodejs-html-jquery-boilerplate.git
cd nodejs-html-jquery-boilerplate
```
2. Run Yarn to install all dependencies
```
yarn
```
3. Build the website using `yarn build`. This should create a `dest` folder and all projects files dynamically
```
yarn build
```
4. Create server. This will create a localserver to host the website. This will also watch and update any changes made in the src folder.
```
yarn watch
```
5. Open the localhost mentioned in the termial to view the website live. For example -
```
$ parcel src/index.html
Server running at http://localhost:1234
✨ Built in 2.30s.
```To learn how to build this project from scratch, check out my medium blog which is [coming soon](https://medium.com/@vipl0ve).