All Projects → pa87901 → Repostarterkit

pa87901 / Repostarterkit

A scaffold for developers to get started writing node applications

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Repostarterkit

NEUQ-OJ
基于 React 开发的 Online Judge 系统
Stars: ✭ 19 (-84.55%)
Mutual labels:  babel, webpack2
Simple Universal React Redux
The simplest possible Async Universal React & Redux Boilerplate app, that works on both Mac and Windows
Stars: ✭ 58 (-52.85%)
Mutual labels:  babel, react-router-v4
Electron Webpack Boilerplate
use webpack2 to bundle react app in electron
Stars: ✭ 11 (-91.06%)
Mutual labels:  webpack2, babel
isomorphic-react-redux-saga-ssr
Isomorphic, React, Redux, Saga, Server Side rendering, Hot Module Reloading, Ducks, Code Splitting
Stars: ✭ 19 (-84.55%)
Mutual labels:  webpack2, react-router-v4
React Bootstrap Webpack Starter
ReactJS 16.4 + new React Context API +react Router 4 + webpack 4 + babel 7+ hot Reload + Bootstrap 4 + styled-components
Stars: ✭ 103 (-16.26%)
Mutual labels:  babel, react-router-v4
cerebro-web
Website for Cerebro
Stars: ✭ 21 (-82.93%)
Mutual labels:  babel, react-router-v4
Vue2 Web
酷我音乐—vue2、vue-router2、webpack2框架
Stars: ✭ 54 (-56.1%)
Mutual labels:  webpack2, babel
React Itunes Search
🎵Simple web app for itunes search with React
Stars: ✭ 147 (+19.51%)
Mutual labels:  webpack2, babel
Webpack Core Usage
webpack2完整系列课程,欢迎阅读。同时欢迎移步我的react全家桶文章全集: https://github.com/liangklfangl/react-article-bucket
Stars: ✭ 94 (-23.58%)
Mutual labels:  webpack2, babel
Cookiecutter Webpack
Boilerplate for webpack 2, babel, react + redux + hmr, and karma. Can be inserted into existing django projects.
Stars: ✭ 87 (-29.27%)
Mutual labels:  webpack2, babel
universal-react-redux-typescript-starter-kit
A minimal starter kit with React, Redux, server side rendering, hot reloading, and Webpack 2. 100% TypeScript.
Stars: ✭ 12 (-90.24%)
Mutual labels:  webpack2, react-router-v4
Serverless Webpack
Serverless plugin to bundle your lambdas with Webpack
Stars: ✭ 1,595 (+1196.75%)
Mutual labels:  webpack2, babel
Productivity Frontend
Productivity Application - Kanban Style Productivity Management Application with Customizable Boards, Lists and Cards to Make You More Productive.
Stars: ✭ 234 (+90.24%)
Mutual labels:  webpack2, babel
react-flux-gulp-starter
A universal boilerplate for building React/Flux apps using Gulp and ES6.
Stars: ✭ 46 (-62.6%)
Mutual labels:  babel, webpack2
Hugo theme pickles
Modern, Simple and beautiful Hugo theme
Stars: ✭ 168 (+36.59%)
Mutual labels:  webpack2, babel
Budgeting
Budgeting - React + Redux + Webpack (tree shaking) Sample App
Stars: ✭ 971 (+689.43%)
Mutual labels:  webpack2, babel
Iceberg
Front-End Boilerplate built with React + Babel + Webpack + SASS
Stars: ✭ 144 (+17.07%)
Mutual labels:  webpack2, babel
V2 Universal Js Hmr Ssr React Redux
⚡ (V2) Universal JS - Server Side Rendering, Code Splitting and Hot Module Reloading ⚡
Stars: ✭ 147 (+19.51%)
Mutual labels:  webpack2, react-router-v4
Webpack
🔥 A full-featured , A Weex and Vue.js project,which is an awesome solution for building Dingtalk microapp with extremely high performanece.
Stars: ✭ 81 (-34.15%)
Mutual labels:  webpack2, babel
Universal React Redux
🧐 A sensible universal starter kit for React + Redux
Stars: ✭ 112 (-8.94%)
Mutual labels:  babel, react-router-v4

Start building your own website

This is a repository that I created to help others develop their websites in React.

Tech stack

Getting started

Setting up the basic environment in Node:

You will need to install Node globally if you do not have it installed already on your local drive:

sudo npm install -g

Installing Nodemon is also highly recommended as it watches for any changes that are saved and will automatically restart your application with the updated code base.

npm install nodemon -g 

Installing dependencies

The prescribed dependencies needed for building a website are listed in the package.json file of this repository. Once this repo is cloned to your local drive, from within the root directory:

npm install

Additional information

More granular instructions as a guide to building a website are included in my blog post, if needed.

The steps to create a website include:

  1. File architecture
  2. Setting up the basic environment in Node
  3. Installing the React framework
  4. Creating a webpack and configuration
  5. Building the basic front-end components
  6. Styling and CSS
  7. Viewing on local host
  8. Deploying on Heroku

Author

Preda A

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