ssr-sample - A minimum sample of Server-Side-Rendering, Single-Page-Application and Progressive Web App

•    TypeScript

---

This project introduces how to implement SSR, SPA, and PWA. This project shows several implementations like below.

react graphql babel typescript spa webpack pwa apollo styled-components redux-saga ssr server-side-rendering loadable-components

twreporter-react - twreporter site with nodejs

•    Javascript

---

New Media foundation in Taiwan. Install node(https://nodejs.org/en/) @7.9.0 above.

react redux nodejs babel express webpack pwa service-worker code-splitting server-side-rendering bolierplate hot-module-replacement

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

Saleor Commerce - A headless, GraphQL-first e-commerce platform delivering ultra-fast, dynamic, personalized shopping experiences

•    Python

---

Saleor is a rapidly-growing open source e-commerce platform that has served high-volume companies from branches like publishing and apparel since 2012. Based on Python and Django, the latest major update introduces a modular front end powered by a GraphQL API and written with React and TypeScript.

e-commerce django storefront store commerce shop ecommerce-storefront ecommerce cart ecommerce-platform react pwa graphql headless headless-ecommerce headless-commerce

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

•    Javascript

---

Next.js gives you the best developer experience with all the features you need for production: hybrid static & server rendering, TypeScript support, smart bundling, route pre-fetching, and more. No config needed.

react server-rendering universal node components browser nextjs server-side-javascript ssg static-site-generator vercel

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

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

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

Rax - A universal React-compatible render engine

•    Javascript

---

A universal React-compatible render engine. Rax is a universal JavaScript library with a largely React-compatible API. If you use React, you already know how to use Rax. Its features include zero configuration, Progressive Web App(PWA), Server-Side Rendering(SSR) and Function as a service(FaaS) can be used out of the box.

weex react universal vdom redux webvr vr mobile react-framework

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

pwa-wp - WordPress feature plugin to bring Progressive Web Apps (PWA) to Core

•    PHP

---

This new level of quality allows Progressive Web Apps to earn a place on the user's home screen. Continue reading more about Progressive Web Apps (PWA) from Google.

wordpress pwa service-worker https web-app-manifest progressive-web-app

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

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

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

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.

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