All Projects → tublitzed → Webpack2 Express Heroku Starter

tublitzed / Webpack2 Express Heroku Starter

Starter app using Webpack 2, Express, setup to deploy to Heroku.

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Webpack2 Express Heroku Starter

Reactly Starter Kit
Deployable React + Webpack 2 starter kit
Stars: ✭ 122 (+916.67%)
Mutual labels:  webpack, webpack2, heroku, express
Budgeting
Budgeting - React + Redux + Webpack (tree shaking) Sample App
Stars: ✭ 971 (+7991.67%)
Mutual labels:  webpack, webpack2, sass
Gitwar
🚀 Gitwar - Compete with Github
Stars: ✭ 44 (+266.67%)
Mutual labels:  heroku, express, expressjs
Iceberg
Front-End Boilerplate built with React + Babel + Webpack + SASS
Stars: ✭ 144 (+1100%)
Mutual labels:  webpack, webpack2, sass
Mern Boilerplate
MERN stack project boilerplate
Stars: ✭ 211 (+1658.33%)
Mutual labels:  webpack, express, sass
Express Webpack React Redux Typescript Boilerplate
🎉 A full-stack boilerplate that using express with webpack, react and typescirpt!
Stars: ✭ 156 (+1200%)
Mutual labels:  webpack, heroku, express
Es6 Webpack2 Starter
🚀 A template project for es6/7, webpack2/3, sass and postcss
Stars: ✭ 106 (+783.33%)
Mutual labels:  webpack, webpack2, sass
Express
Express + Sequelize + Winston + Jasmine + TypeScript + Webpack MVC Boilerplate
Stars: ✭ 9 (-25%)
Mutual labels:  webpack, webpack2, express
React Cordova Boilerplate
TodoMVC example for react with development tools to build a cordova application
Stars: ✭ 206 (+1616.67%)
Mutual labels:  webpack, webpack2, sass
Docker Django Webpack Skeleton
Django Skeleton W/ Docker Dev & Production W/ Webpack 2 W/ BabelJS W/ Sass W/ PostgreSQL
Stars: ✭ 191 (+1491.67%)
Mutual labels:  webpack, webpack2, sass
Express Babel
Express starter kit with ES2017+ support, testing, linting, and code coverage
Stars: ✭ 621 (+5075%)
Mutual labels:  heroku, express, expressjs
Online Bling
Stars: ✭ 9 (-25%)
Mutual labels:  webpack, express, sass
React Ssr Setup
React Starter Project with Webpack 4, Babel 7, TypeScript, CSS Modules, Server Side Rendering, i18n and some more niceties
Stars: ✭ 678 (+5550%)
Mutual labels:  webpack, express
Rest Api Nodejs Mongodb
A boilerplate for REST API Development with Node.js, Express, and MongoDB
Stars: ✭ 672 (+5500%)
Mutual labels:  express, expressjs
Vue Music Player
🎵Vue.js写一个音乐播放器+📖One(一个).A music player + One by Vue.js
Stars: ✭ 729 (+5975%)
Mutual labels:  webpack, sass
Deprecated
🚀 Framework for building universal web app and static website in Vue.js (beta)
Stars: ✭ 858 (+7050%)
Mutual labels:  webpack, express
Slinky
A light-weight, responsive, mobile-like navigation menu plugin
Stars: ✭ 649 (+5308.33%)
Mutual labels:  webpack, sass
React Carousel
A pure extendable React carousel, powered by Brainhub (craftsmen who ❤️ JS)
Stars: ✭ 764 (+6266.67%)
Mutual labels:  webpack, sass
Node Addon Loader
A loader for node native addons
Stars: ✭ 17 (+41.67%)
Mutual labels:  webpack, webpack2
Great Big Example Application
A full-stack example app built with JHipster, Spring Boot, Kotlin, Angular 4, ngrx, and Webpack
Stars: ✭ 899 (+7391.67%)
Mutual labels:  webpack, heroku

Webpack2/Express/Heroku Starter

This is a very basic sample app to get you started using Webpack 2, Express and is setup to deploy to Heroku.

Features:

Note: this does not use React, Angular, or any other front-end framework. Pick your own when you're ready.

Setup

Deploy

First, you'll need a heroku account.

  • In Heroku, create a new app.
  • Add a new buildpack, select heroku/nodejs. This should set you up to automatically run npm install which is what you'll need to get up and running.
  • Follow the instructions to link to your repository.
  • git push heroku master - Assuming you've set everything up correctly, this will deploy your app, and run the postinstall script in package.json.

Credits

Thanks to christianalfoni for the excellent Webpack 1 tutorial and example repo. I got started there and then built this one once I realized I wanted to play with Webpack v2.

Notes

The Heroku part of this is really easy to change for your own build process. Dig into the npm scripts, and take a look at the production webpack config.

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