GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → pugson → parcel-static-template

pugson / parcel-static-template

Licence: MIT License
Start a simple static site with components and hot reloading.

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects
CSS
56736 projects

Labels

templatefront-endparcelnetlifyhtml-css-javascriptparceljsparcel-bundler

Projects that are alternatives of or similar to parcel-static-template

svelte-box
A truffle box for svelte
Stars: ✭ 60 (+200%)
Mutual labels:  parcel, parceljs, parcel-bundler
video-to-markdown
How to embed a video in markdown? Here the answer. Add videos to your markdown files easier.
Stars: ✭ 159 (+695%)
Mutual labels:  parcel, netlify
parcel-plugin-markdown-string
📦@parcel-bundler plugin for loader markdown string, markdown output HTML.
Stars: ✭ 19 (-5%)
Mutual labels:  parceljs, parcel-bundler
parcel-typescript-react
📦 Typescriot react perttier example using parcel bundler
Stars: ✭ 15 (-25%)
Mutual labels:  parcel, parcel-bundler
Fast
Develop, build, deploy, redeploy, and teardown frontend projects fast.
Stars: ✭ 126 (+530%)
Mutual labels:  front-end, parcel
react-redux-boilerplate
A React boilerplate based on Redux, React Router, styled components and Parcel
Stars: ✭ 62 (+210%)
Mutual labels:  parcel, parcel-bundler
react-app-boilerplate-2018
Bootstrap for a React App with Redux, React Router, Styled Components, Jest and Hot Reloading,
Stars: ✭ 20 (+0%)
Mutual labels:  parceljs, parcel-bundler
simplefolio
⚡️ A minimal portfolio template for Developers
Stars: ✭ 10,737 (+53585%)
Mutual labels:  parcel, parcel-bundler
ZestX-Frontend
Month-Long Fest Website ZestX with some Awsome UI and Intact Backend. Implemented admin page for user and event management
Stars: ✭ 28 (+40%)
Mutual labels:  netlify, parcel-bundler
preact-typescript-parcel-starter
Starter with Preact - Typescript - Parcel Bundler
Stars: ✭ 51 (+155%)
Mutual labels:  parcel, parcel-bundler
Elm Batteries
Learn how Elm, Parcel, Cypress and Netlify work together. Get started with Elm navigation, routes, remote data and decoder.
Stars: ✭ 108 (+440%)
Mutual labels:  parcel, netlify
parcelui
Parcel + Typescript + React/Preact + Router + CSS Modules + SASS + Jest + Api-Now + Github Actions CI
Stars: ✭ 32 (+60%)
Mutual labels:  parcel, parcel-bundler
Purescript React Realworld
A real-world application demonstrating PureScript and React
Stars: ✭ 81 (+305%)
Mutual labels:  parcel, netlify
parcel-plugin-externals
Parcel plugin for declaring externals. These externals will not be bundled. 📦
Stars: ✭ 47 (+135%)
Mutual labels:  parcel, parcel-bundler
Weather Preactpi
A tiny UI for daily weather forcasts ⛈
Stars: ✭ 13 (-35%)
Mutual labels:  parcel, netlify
anniew.xyz
My Personal Website / Portfolio
Stars: ✭ 41 (+105%)
Mutual labels:  netlify, html-css-javascript
parcel-react-app
Create React apps using Parcel as build tool.
Stars: ✭ 12 (-40%)
Mutual labels:  parcel, parcel-bundler
wordpress-starter
Timber (Twig) + Parceljs Bundler
Stars: ✭ 19 (-5%)
Mutual labels:  parcel, parcel-bundler
electron-react-parcel-boilerplate
Boilerplate code to create basic, production ready Electron app using React, Parcel application bundler.
Stars: ✭ 48 (+140%)
Mutual labels:  parceljs, parcel-bundler
electron-react-parcel-boilerplate
A boilerplate for Electron + React + Parcel.
Stars: ✭ 60 (+200%)
Mutual labels:  parcel
View All Similar Projects ➔

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 👉️ Deploy to Netlify

Running it locally

  1. Install required packages with yarn install
  2. 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.
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].