reactql - Universal React+GraphQL starter kit: React 16, Apollo 2, Webpack 4, Styled Components 4, React Router 4, PostCSS, SSR

•    TypeScript

---

Universal front-end React + GraphQL starter kit, written in Typescript. Hot code reloading. Make a change anywhere in your code base (outside of the Webpack config), and changes will be pushed down the browser automatically - without page reloads. This happens for React, Styled Components, SASS - pretty much anything.

react webpack starter-kit postcss ssr reactjs apollo apollo-client graphql webpack4 styled-components typescript hot-reload helmet sass less gzip brotli server-side-rendering universal

suicrux - 🚀 Ultimate universal starter with lazy-loading, SSR and i18n. [not maintained]

•    Javascript

---

Ultimate universal starter with lazy-loading, SSR and i18n. /static folder + url-loader. Everything in /static/public/ is copied to /dist/client with copy-webpack-plugin.

react redux webpack semantic-ui semantic-ui-react starter boilerplate template example ssr pwa fullstack universal-react universal react-redux

apollo-universal-starter-kit - Apollo 2 Universal Starter Kit — GraphQL React JavaScript app boilerplate for Mobile, Server and Web where code for all platforms built with Webpack to enable max code reuse, stack: Apollo, GraphQL, React 16, React Native, Expo, Express, Knex, SQLite, Twitter Bootstrap, Babel, Webpack

•    Javascript

---

Apollo Universal Starter Kit is a SEO friendly boilerplate for Universal Mobile and Web app development built on top of Apollo, GraphQL, React 16, React Native, Expo, Redux, Express with SQL storage support, for styling Twitter Bootstrap, NativeBase and Ant Design integration. Hot Code Reload of back end & front end using Webpack and Hot Module Replacement to reflect your changes instantly and help you stay productive. This starter kit adds full React Native integration, with Webpack as a packager and Expo. No native code compilation tools are needed in order to develop native mobile applications with this kit. You are able to run both web and mobile versions of your app at the same time connected to the same backend.

graphql apollo webpack starterkit universal react react-native expo auth docker typescript starter redux

Cezerin - Ecommerce Progressive Web Apps

•    Javascript

---

Cezerin is React and Node.js based eCommerce platform. Allows creating a Progressive Web Apps. It feature include list Product details, Product categories, Inventory and stock management, Orders, Pages, Shipping and payment methods, Payment Gateways, Checkout options, Theme Settings, App store, Server-side rendering (SEO friendly) and lot more.

react redux mongodb shopping-cart ecommerce cms pwa spa content-management-systems

isomorphic-flux-boilerplate - ES7 Isomorphic Flux/ReactJS Boilerplate

•    Javascript

---

A wonderfull boilerplate for Flux/ReactJS universal applications, running on koajs. Koa will be our server for the server side rendering, we use alt for our Flux architecture and react-router for routing in our app.

react flux alt iso isomorphic spa ssr koa webpack jsx es6 babel postcss precss eslint react-router react-transform-hmr react-transform hot-loader async server generator es7 i18n intl

ionic-pwa-toolkit - Build lightning fast Progressive Web Apps with zero config and best practices built-in

•    TypeScript

---

The PWA Toolkit is a starting point for building Progressive Web Apps using Ionic and Stencil. This combination of tools gives you the ability to build a fast, efficient PWA out of the box. Note: This project is Beta and uses a beta release of @ionic/core.

pwa pwa-apps web-components ionic ionic-framework

relay-fullstack - :point_up::running: Modern Relay Starter Kit - Integrated with Relay, GraphQL, Express, ES6/ES7, JSX, Webpack, Babel, Material Design Lite, and PostCSS

•    Javascript

---

Relay Fullstack is a Relay scaffolding application that aims to help you get up and running a project without worrying about integrating tools. It comes with many modern technologies; Relay, GraphQL, Express, ES6/ES7, JSX, Webpack, Babel, Material Design Lite, and PostCSS. Relay Fullstack is also using Hot-reload to real time update the screen whenever any code changes. Check out the Live demo on Heroku.

react relay graphql nodejs yeoman scaffolding boilerplate express es6 es7 jsx webpack babel material-design-lite postcss fullstack

Gatsby - Blazing fast static site generator for React

•    Javascript

---

Gatsby is a blazing fast static site generator for React. Gatsby.js is a static PWA (Progressive Web App) generator. You get code and data splitting out-of-the-box. Gatsby loads only the critical HTML, CSS, data, and JavaScript so your site loads as fast as possible. Once loaded, Gatsby prefetches resources for other pages so clicking around the site feels incredibly fast.

gatsby static-site-generator react blog documentation-tool static-site

stencil - A Web Component compiler for building fast, reusable UI components and Progressive Web Apps 💎 Built by the Ionic Framework team

•    TypeScript

---

Stencil is a simple compiler for generating Web Components and progressive web apps (PWA). Stencil was built by the Ionic Framework team for its next generation of performant mobile and desktop Web Components. Stencil combines the best concepts of the most popular frontend frameworks into a compile-time rather than run-time tool. It takes TypeScript, JSX, a tiny virtual DOM layer, efficient one-way data binding, an asynchronous rendering pipeline (similar to React Fiber), and lazy-loading out of the box, and generates 100% standards-based Web Components that runs on both modern browsers and legacy browsers back to Internet Explorer 11.

webcomponents pwa progressive-web-app custom-elements typescript stencil stenciljs ionic web-components components webapp

vueniverse - Full stack, user based, PWA, Vue template.

•    Javascript

---

Live Demo It might take a while to load if it's asleep. You must have vue-cli installed.

vue vuejs vuejs2 universal-app isomorphic hot-reload code-splitting webpack webpack2 isomorphic-applications

knowledge - 文档着重构建一个完整的「前端技术架构图谱」，方便 F2E(Front End Engineering又称FEE、F2E) 学习与进阶。

•    Javascript

---

文档着重构建一个完整的「前端技术架构图谱」，方便 F2E(Front End Engineering又称FEE、F2E) 学习与进阶。

css html js electron webgl dom canvas nginx f2e server awesome pwa graphql webpack vue react react-native dns webpack4

react-async-component - Resolve components asynchronously, with support for code splitting and advanced server side rendering use cases

•    Javascript

---

Resolve components asynchronously, with support for code splitting and advanced server side rendering use cases. This library does not require that you use either Webpack or Babel. Instead it provides you a generic and "pure" Javascript/React API which allows for the expression of lazy-loaded Components. It's Promise-based API naturally allows you to take advantage of modern code splitting APIs (e.g import(), System.import, require.ensure).

async-component react code-splitting webpack ssr asynchronous component

ran - :zap: RAN! React

•    Javascript

---

:zap: RAN! React . GraphQL . Next.js Toolkit :zap: - SEO-Ready, Production-Ready, SSR, Hot-Reload, CSS-in-JS, Caching, CLI commands and more...

react nextjs graphql apollo styled-components boilerplate nodejs redux rng seo-ready zeit toolkit next.js ran run

Next.js - Framework for server-rendered or statically-exported React apps

•    Javascript

---

Next.js is a minimalistic framework for server-rendered React applications.

react server-rendering universal node components browser nextjs server-side-javascript

Vue Storefront - headless PWA for any eCommerce

•    Javascript

---

Vue Storefront is a standalone PWA storefront for your eCommerce, possible to connect with any eCommerce backend (eg. Magento, Pimcore, Prestashop or Shopware) through the API. Vue Storefront is and always will be in the open source. Anyone can use and support the project, we want it to be a tool for the improvement of the shopping experience. The project is in the production ready phase.

vuejs elasticsearch vue-storefront pwa-apps pwa headless vue ecommerce magento pimcore ecommerce-platform commerce ecommerce-framework ecommerce-engine vuejs2 vuex vue-router webpack starter server-side boilerplate

vue-wordpress-pwa - An offline-first SPA using Vue

•    Javascript

---

This is the code for the FullStackWeekly website. You can use it as a starter pack for your WordPress site as well. Since WordPress can expose a REST API, this project uses Vue.js, Vue-router, Vuex, Vue-resource & Progressive Web App techniques to create an offline-first web client.

vue wordpress offline azure spa service-worker es6-javascript webpack vuejs2 vuejs vuejs-components progressive-web-app pwa-apps pwa pwapp wordpress-theme wordpress-starter-theme vuex starter server-side boilerplate

PWA-Book-CN - 第一本 PWA 中文书

•    

---

第一本 PWA 中文书

pwa pwa-book pwa-chinese-book progressive-web-app service-worker

loadable-components - React code splitting made easy ✂️✨

•    Javascript

---

React code splitting made easy. Reduce your bundle size without stress ✂️✨. Webpack allows modern code splitting via the dynamic import syntax. Loadable Components makes it possible to use that awesome feature with React. It is compatible with react-router and server side rendering. The API is designed to be as simple as possible to avoid useless complexity and boilerplate.

react ssr webpack code-splitting react-router server-side-rendering dynamic-import react-loadable react-async-component react-async-components

preact-hn - Demonstration of Preact used to build Hacker News as a PWA.

•    TypeScript

---

This is an example of a PWA built using Preact, Webpack, and some small opinions. Please do not think of this as the way to build your application. Instead, view this as an example of some concepts used in modern web applications (sw, h2, h2push). I've focused mostly on first initial load performance, with the small caveat of using Webpack instead of Rollup. I'd like the route based code splitting to provide a extensible model for keeping initial view rendering costs low.

react-native-webpack-starter-kit - :herb: Build your React Native app with Webpack and Babel

•    Objective-C

---

Build your React Native app with Webpack and Babel. Simple asset pipeline for seed apps built with React Native. Uses Babel 6 for ES7 JavaScript transpilation with Stage 1 support, and Webpack as a dev server and module bundler. Provides static code linting using ESLint and build output in the same console window, and Source Maps for debugging in the browser. Unprescriptive in terms of test frameworks and Flux implementations. Additional features listed below.

android ios mobile native react-native starter-kit webpack