A highly scalable, Progressive Web Application foundation,boilerplate, with the best Developer Experience.
https://www.reactpwa.comTags | pwa react ssr hot-reload code-splitting seo babel srcset expressjs es7 hsts hstspreload pwa-apps webpack4 |
Implementation | Javascript |
License | MIT |
Platform | OS-Independent |
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-componentsNew 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-replacementGatsby 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.
static-site blog graphql static-site-generator web-app documentation-tool react pwa progressive-web-appUniversal 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 universalSaleor 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-commerceNext.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 vercelUltimate 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-reduxApollo 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 reduxCezerin 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-systemsA 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 intlRelay 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 fullstackThe 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-frameworkA 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-frameworkStencil 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 webappLive 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-applicationsThis 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-appResolve 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 componentVue 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
We have large collection of open source products. Follow the tags from
Tag Cloud >>
Open source products are scattered around the web. Please provide information
about the open source projects you own / you use.
Add Projects.