Atyantik/react-pwa

Stars
2,560
Rank 17,913 (Top 0.4 %)
Language
TypeScript
License
MIT License
Created over 7 years ago
Updated 3 months ago

Atyantik/react-pwa

Atyantik

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

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.

ReactPWA - The simplest way to create PWAs with React

A highly scalable, Progressive Web Application Framework with the best Developer Experience. This framework utilizes the power of React 18 with Suspense.

Getting Started

To install and get started with ReactPWA execute the following commands:

1. Clone the repo to your local PC and go to the installation

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

2. Install the dependencies

npm install

3. Run in development mode

npm run dev

4. To build the project

npm run build

Features

✅ Progressive Web Application
✅ Server Side Rendering
✅ CSS bundling
✅ SEO First
✅ Code splitting
✅ Routing via React-Router
✅ React Suspense Support with SSR

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.

Browser stack

Thanks to the Browser stack we can test the PWA nature of applications 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 with an open-source license for further project development.

License & Copyright

This work is licensed under a Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International License.

Copyright (c) 2022 Atyantik Technologies Private Limited

pawjs

A highly scalable & plugable, Progressive Web Application Framework with the best Developer Experience. This framework utilizes the power of React with Webpack and is build on top of webpack/tapable for unlimited extendability.

example-pawjs-material-ui

Example repository for integrating Material UI with ReactPWA project. This repo demonstrates the usage & integration of Material UI in existing ReactPWA project.

example-pawjs-tailwind

Example repository for integrating Tailwind CSS with ReactPWA project. This repo demonstrates the usage & integration of Tailwind CSS in existing ReactPWA project.

example-pawjs-ant-design

Example repository for integrating Ant Design with ReactPWA project. This repo demonstrates the usage & integration of Ant Design in existing ReactPWA project.

reactpwa.com

Website repository

example-pawjs-redux

Example repository for integrating Redux with ReactPWA project. This repo demonstrates the usage & integration of Redux in existing ReactPWA project.

example-pawjs-semantic-ui

Example repository for integrating Semantic UI with ReactPWA project. This repo demonstrates the usage & integration of Semantic UI in existing ReactPWA project.

example-pawjs-redux-saga

Example repository for integrating Redux-Saga with ReactPWA project. This repo demonstrates the usage & integration of Redux-Saga in existing ReactPWA project.

nestjs-mongo-boilerplate

The most basic and simplest setup for enterprise APIs with NestJS

tools.reactpwa.com

Tools for reactpwa

pawjs-barebone

A minimal PawJS implementation. With just a "hello world!" displaying home page

example-pawjs-apollo

Example repository for integrating Apollo with ReactPWA project. This repo demonstrates the usage & integration of Apollo in existing ReactPWA project.

pwa-srcset-loader

Flexible srcset-loader for webpack

hn-reactpwa

Hacker News progressive web application, PWA, built using ReactPWA & PawJS

example-pawjs-sass

Example repository for integrating SASS with ReactPWA project. This repo demonstrates the usage & integration of SASS in existing ReactPWA project.

docker-laravel-php

PHP Container for maintaining Laravel applications

react-pwa-boilerplate

Minimal Boilerplate for ReactPWA

example-pawjs-social-auth

example-pawjs-auth

Example repository for integrating Auth with ReactPWA project. This repo demonstrates the usage & integration of Auth in existing ReactPWA project.

devhub-20240727

Raw HTTP Requests and the Pin Wall case study