All Projects → Atyantik → React Pwa

Atyantik / React Pwa

Licence: mit
An upgradable boilerplate for Progressive web applications (PWA) with server side rendering, build with SEO in mind and achieving max page speed and optimized user experience.

Programming Languages

javascript
184084 projects - #8 most used programming language
typescript
32286 projects
shell
77523 projects
SCSS
7915 projects
Dockerfile
14818 projects
CSS
56736 projects

Projects that are alternatives of or similar to React Pwa

Reactql
Universal React+GraphQL starter kit: React 16, Apollo 2, MobX, Emotion, Webpack 4, GraphQL Code Generator, React Router 4, PostCSS, SSR
Stars: ✭ 1,833 (-24.66%)
Mutual labels:  webpack4, hot-reload, ssr
Twreporter React
twreporter site with nodejs
Stars: ✭ 263 (-89.19%)
Mutual labels:  babel, code-splitting, pwa
Angular11 App
Angular 11 ,Bootstrap 5, Node.js, Express.js, CRUD REST API, PWA, SSR, SEO, Angular Universal, Lazy Loading, PostgreSQL, MYSQL
Stars: ✭ 233 (-90.42%)
Mutual labels:  seo, pwa, ssr
React Redux Universal Boilerplate
An Universal ReactJS/Redux Boilerplate
Stars: ✭ 165 (-93.22%)
Mutual labels:  babel, code-splitting, hot-reload
Preact Redux Isomorphic
preact-redux-isomorphic PWA SPA SSR best practices and libraries in under 80kB page size (for live demo click the link below)
Stars: ✭ 85 (-96.51%)
Mutual labels:  seo, pwa, ssr
Ssr Sample
A minimum sample of Server-Side-Rendering, Single-Page-Application and Progressive Web App
Stars: ✭ 285 (-88.29%)
Mutual labels:  babel, pwa, ssr
React Starter Kit
React, Redux, Webpack, Material UI, Boostrap 4, Code Splitting, HMR
Stars: ✭ 229 (-90.59%)
Mutual labels:  webpack4, babel, code-splitting
Universal React Redux
🧐 A sensible universal starter kit for React + Redux
Stars: ✭ 112 (-95.4%)
Mutual labels:  babel, expressjs, hot-reload
Typescript Hapi React Hot Loader Example
Simple TypeScript React Hot Loading example with Hapi Server-side rendering
Stars: ✭ 44 (-98.19%)
Mutual labels:  webpack4, code-splitting, ssr
Tris Webpack Boilerplate
A Webpack boilerplate for static websites that has all the necessary modern tools and optimizations built-in. Score a perfect 10/10 on performance.
Stars: ✭ 1,016 (-58.24%)
Mutual labels:  webpack4, babel, pwa
Next Express Bootstrap Boilerplate
⚡️ JavaScript boilerplate for a full stack app built using React.js, Next.js, Express.js, react-bootstrap, SCSS and full SSR with eslint.
Stars: ✭ 102 (-95.81%)
Mutual labels:  expressjs, hot-reload, ssr
React App Architecture
React.js Isomorphic Web Application Architecture - Learn to build a complete website for a blogging platform like Medium, FreeCodeCamp, MindOrks etc using React.js, Redux, Material-UI, Express.js, Typescript, Webpack, Babel, and Docker. OpenSource project by AfterAcademy
Stars: ✭ 122 (-94.99%)
Mutual labels:  babel, expressjs, ssr
Vue Webpack Config
Koa2、Webpack、Vue、React、Node
Stars: ✭ 151 (-93.79%)
Mutual labels:  webpack4, ssr
Webpack Babel Multi Target Plugin
A Webpack plugin that works with Babel to allow differential loading - production deployment of ES2015 builds targeted to modern browsers, with an ES5 fallback for legacy browsers.
Stars: ✭ 150 (-93.83%)
Mutual labels:  webpack4, babel
Next Blog
基于react(ssr)服务端框架next.js和antd-design搭建的个人博客
Stars: ✭ 214 (-91.2%)
Mutual labels:  seo, ssr
Rendora
dynamic server-side rendering using headless Chrome to effortlessly solve the SEO problem for modern javascript websites
Stars: ✭ 1,853 (-23.84%)
Mutual labels:  seo, ssr
Shopify Webpack Themekit
Shopify development tool using webpack and themekit
Stars: ✭ 157 (-93.55%)
Mutual labels:  webpack4, babel
Web Push Php Example
An example for sending Web Push notifications, using web-push-php
Stars: ✭ 173 (-92.89%)
Mutual labels:  pwa-apps, pwa
Babel Esm Plugin
Add this plugin to generate mirrored esm modules for your existing bundles
Stars: ✭ 175 (-92.81%)
Mutual labels:  webpack4, babel
V2 Universal Js Hmr Ssr React Redux
⚡ (V2) Universal JS - Server Side Rendering, Code Splitting and Hot Module Reloading ⚡
Stars: ✭ 147 (-93.96%)
Mutual labels:  code-splitting, hot-reload

Backers on Open Collective Sponsors on Open Collective Dependencies Status devDependencies Status Build Status Known Vulnerabilities Greenkeeper badge

Join the chat at https://gitter.im/react-pwa

React PWA v2

A highly scalable, Progressive Web Application foundation,boilerplate, with the best Developer Experience.

Demo: https://demo.reactpwa.com

Quick Start

Clone the repository:

git clone https://github.com/Atyantik/react-pwa.git && cd react-pwa 

Install the dependencies:

npm install

To start the project run following command in your terminal:

npm start

To build the project run the following command in your terminal:

npm run build

PawJS

Proudly supported by PawJS
https://github.com/Atyantik/pawjs

Features

PWA - Progressive Web Applications

Using ReactPWA you can create Progressive web application with simple knowledge of React.JS. As we all know, Progressive Apps are not supported everywhere, but we have added support for Safari & Chrome so your application can work as standalone applications when added to homescreen or saved as desktop app.
Read More

Code splitting

The very difficulty faced when developing enterprise application is code splitting. We don't need everything in a single JS file. Why not create individual JS files for each respective module/page! We make it really easy here to just create a page that returns an array of routes. Code is split and loaded automatically when the respective route is called.
Read More

ES6/7 Compatible

Using babel, we support next generation JavaScript syntax including Object/Array destructuring, arrow functions, JSX syntax and more...
Read More

Universal Routing with React-Router

We are using the most accepted React router for routing the application. Add your favorite /about, /contact, /dashboard pages.
Read More

Offline support

Yes your application is offline available. Run without internet. Pretty cool huh?? Well all thanks to service workers.
Read More

SSR - Server side rendering

The best way to get your application SEO-ed is enable Server side rendering i.e. Universal applications.
Read More

SEO

Our customized routes enable creating meta tags to create Twitter, Google+, Linkedin, Facebook cards. We know how important SEO is to an application.
Read More

HSTS Supported

Enable HSTS for secure sites. Options to define maxAge and preload of HSTS. All with very simple configuration.
Read More

Now you are all set, Get your hands dirty with this awesome boilerplate.

Known bug

For installed version of @pawjs/pawjs@ts there is a known bug of SEO params not updating in non-SSR mode i.e. Single Page Application mode. Please revert to version @pawjs/[email protected] if required.

Examples

Firebase Cloud Messaging

Need contributors.

This project exists thanks to all the people who contribute. [Contribute].

We are actively looking for contributors for testing and documentation. Please contact us: admin [at] atyantik.com or contact [at] atyantik.com

Visit us at Atyantik Technologies Private Limited

Backers

Thank you to all our backers! 🙏 [Become a backer]

Sponsors

Support this project by becoming a sponsor. Your logo will show up here with a link to your website. [Become a sponsor]

Supporters

Atyantik Technologies Private Limited

Everyone at Atyantik Technologies is contributing their free time for contributing to the project and core discussions.

DigitalOcean

DigitalOcean has been supporting the open-source project since the very start and has given a dedicated free server to host the website and host the demos. Their contribution is invaluable to the project.

Eventerprise.com

Eventerprise is the first company to implement react-pwa, The whole idea of PWA applications with react was created with unique requirement of Eventerprise. Do try the application.

Browser stack

Thanks to Browser stack we are able to test the PWA nature of application on various mobiles and write automated test cases.

Navicat

We are very thankful to Navicat for offering their support to the project and providing us an open-source license for further project development.

License

This project is licensed under the MIT license, Copyright (c) 2018 Atyantik Technologies Private Limited. For more information see LICENSE.md.

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