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 → argyleink → Shortstack

argyleink / Shortstack

🥞 minimal Rollup + PostCSS modern syntax starter template

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

babelpostcssrollupbundler

Projects that are alternatives of or similar to Shortstack

Bili
Bili makes it easier to bundle JavaScript libraries.
Stars: ✭ 949 (+909.57%)
Mutual labels:  rollup, bundler, babel
React Ssr Setup
React Starter Project with Webpack 4, Babel 7, TypeScript, CSS Modules, Server Side Rendering, i18n and some more niceties
Stars: ✭ 678 (+621.28%)
Mutual labels:  babel, postcss
Poi
⚡A zero-config bundler for JavaScript applications.
Stars: ✭ 5,291 (+5528.72%)
Mutual labels:  babel, postcss
Mdl Skeleton
Material Design skeleton with ssr-engine
Stars: ✭ 17 (-81.91%)
Mutual labels:  rollup, postcss
Ts Monorepo
Template for setting up a TypeScript monorepo
Stars: ✭ 459 (+388.3%)
Mutual labels:  rollup, babel
Rollup Plugin Postcss
Seamless integration between Rollup and PostCSS.
Stars: ✭ 507 (+439.36%)
Mutual labels:  rollup, postcss
Serverless Plugin Typescript
Serverless plugin for zero-config Typescript support
Stars: ✭ 611 (+550%)
Mutual labels:  rollup, babel
Astexplorer.app
https://astexplorer.net with ES Modules support and Hot Reloading
Stars: ✭ 65 (-30.85%)
Mutual labels:  babel, postcss
Js Toolbox
CLI tool to simplify the development of JavaScript apps/libraries with little to no configuration. (WORK IN PROGRESS/PACKAGE NOT PUBLISHED).
Stars: ✭ 53 (-43.62%)
Mutual labels:  babel, postcss
Postjss
Use the power of PostCSS in compiling with JSS
Stars: ✭ 40 (-57.45%)
Mutual labels:  babel, postcss
Create React Library
⚡CLI for creating reusable react libraries.
Stars: ✭ 4,554 (+4744.68%)
Mutual labels:  rollup, babel
Svelte Example
🚀 📚 Some examples to test the Svelte Framework
Stars: ✭ 85 (-9.57%)
Mutual labels:  rollup, babel
Astexplorer
A web tool to explore the ASTs generated by various parsers.
Stars: ✭ 4,330 (+4506.38%)
Mutual labels:  babel, postcss
Naomi
Sublime Text enhanced syntax highlighting for JavaScript ES6/ES7/ES2015/ES2016/ES2017+, Babel, FlowType, React JSX, Styled Components, HTML5, SCSS3, PHP 7, phpDoc, PHPUnit, MQL4. Basic: Git config files.
Stars: ✭ 544 (+478.72%)
Mutual labels:  babel, postcss
Pwa
An opinionated progressive web app boilerplate
Stars: ✭ 353 (+275.53%)
Mutual labels:  babel, postcss
Wp Webpack Script
💥🔥📦👩‍💻 An easy to use, pre configured, hackable webpack setup & development server for WordPress themes and plugins.
Stars: ✭ 314 (+234.04%)
Mutual labels:  bundler, babel
Support
JS.coach is a manually curated list of packages related to React, Webpack, Babel and PostCSS
Stars: ✭ 305 (+224.47%)
Mutual labels:  babel, postcss
Reshape
💠 transform html with javascript plugins
Stars: ✭ 314 (+234.04%)
Mutual labels:  babel, postcss
Sapper Template Firebase
Starter Rollup template for Sapper apps with Firebase functions based on https://github.com/nhristov/sapper-template-rollup.
Stars: ✭ 29 (-69.15%)
Mutual labels:  rollup, postcss
Denopack
The bundling and minification toolset, made for Deno
Stars: ✭ 81 (-13.83%)
Mutual labels:  rollup, bundler
View All Similar Projects ➔

Netlify Status

CSS

PostCSS to bundle, import from NPM, local or remote URLs, handy easings, plus postcss-preset-env for latest CSS features.

JS

Rollup to bundle, treeshake, import from NPM, local or remote URLs, import processed CSS, plus babel-preset-env for latest JS features.

Servers

Browsersync with all the goodies for local dev: live reload, hot swap CSS, scroll syncing, remote debugging, etc. Prod server is just a static server.


Watch me break it down on YouTube!



Getting Started

use this as a Github template

OR

Clone Shortstack into a new folder

  1. mkdir new-project-name && cd $_
  2. git clone --depth=1 https://github.com/argyleink/shortstack.git . && rm -rf ./.git

OR (essentially the same thing with npx+degit)

  1. npx degit argyleink/shortstack#main

Install tools and spin it up

  1. npm i
  2. npm start



Development

Running npm start runs Browsersync, Rollup and Postcss concurrently, watching changes to your files in ./app and refreshes connected browsers.

Production

Running npm run build compiles and minifies your code in app and outputs the optimised result to a folder called dist that's ready for static hosting.

Running npm run production will build your project and start a server at dist.

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].