parcel-static-template
parcel-static-template copied to clipboard
Start a simple static site with components and hot reloading.
parcel-static-template
Start a simple static site with components.
Note: This is an opinionated basic template to save some time for future projects.
- β¨οΈ Zero-config bundler for HTML/SCSS/JS using Parcel.
- π₯ Hot Module Reloading
- ποΈ Supports ES6 out of the box.
- π§±οΈ Render simple HTML components.
- π―οΈ Render inline SVGs from files using a special
<icon>
element. - πΈοΈ Automatic image optimization.
- ποΈ Images are converted to WEBP for better performance with
<img>
elements transformed into<picture>
elements that display WEBP in supported browsers and fallback to original image. - π΅οΈ Obfuscate
mailto
links to prevent scraper spam. - ποΈ Easily repeat blocks for prototyping.
- ποΈ Automatically add
noopener noreferrer
to links to prevent this vulnerability.
Quick start for your own site
Deploy to Netlify & fork to a new repo ποΈ |
---|
Running it locally
- Install required packages with
yarn install
- Start your local development server with
yarn start
Deploying
Run yarn build
to create an optimized production build in /dist
which can be deployed as a website.
To-do
- [ ] Automatically set
loading="lazy"
for image elements.