nextjs-pwa - Build a PWA with Next.JS

  •        240

This is the companion repo of How to build a PWA with Next.JS.It features a Hacker News Reader built with React and Styled JSX using Next.JS.

https://github.com/Aerolab/nextjs-pwa

Dependencies:

isomorphic-fetch : ^2.2.1
next : ^4.1.4
react : ^16.1.1
react-dom : ^16.1.1
sw-precache-webpack-plugin : ^0.11.4

Tags
Implementation
License
Platform

   




Related Projects

next-offline - make your Next.js application work offline using service workers via Google's workbox

  •    Javascript

Use Workbox with Next.js and easily enable offline functionality in your application. Then create a server.js, because we'll need to serve out service worker.

trends - ultra high performance github trending application

  •    Javascript

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

hackernews-react-graphql - Hacker News clone rewritten with universal JavaScript, using React and GraphQL

  •    TypeScript

This project is a clone of hacker news rewritten with universal JavaScript, using React and GraphQL. It is intended to be an example or boilerplate to help you structure your projects using production-ready technologies.


next-boilerplate - A well-structured production ready Next

  •    TypeScript

Next.js is a minimalistic React framework that runs in the browser and the server. It offers developers an easy way to get started, and as it uses React.js for templating it is also a straightforward way for developers with React experience to get productive fast. The advantages of this approach is to be able to create Rich User experiences in a uniform way, without compromising Search Engine Optimisation (SEO) factors that are key to good ranking on Google and other search engines.

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.

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.

expense-manager-demo - Progressive Web App (PWA) demo using Vaadin components

  •    HTML

This is an example project for how you can build a Progressive Web Application with Polymer and Vaadin components. The application uses a Service Worker to cache the Application Shell. A Web App Manifest file ensures that the browser identifies our app as a Progressive Web Application and offers the user to install the application through an install banner.

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.

pwa - (WIP) Universal PWA Builder

  •    Javascript

Framework Agnostic Build with your preferred framework or with none at all! Official presets for Preact, React, Vue, and Svelte. Fully Extensible Includes a plugin system that allows for easy, fine-grain control of your configuration... when needed.

react-overdrive - Super easy magic-move transitions for React apps

  •    Javascript

Super easy magic-move transitions for React apps. Wrap any element (not just images) in a <Overdrive id=""></Overdrive> component. Add the same id to create a transition between the elements.

ram - :atom_symbol: React Application Manager: create and run React (and other) applications – no command line or build setup required

  •    Javascript

To add support for another app, please open a pull request. For the most part, Create React App has solved #1 for people who already know #2 and #3. It's an excellent tool and that's why RAM makes use of it.

rogue.js - Rogue.js - the "nearly invisible" server-rendering framework for React applications

  •    Javascript

Rogue streamlines the process of creating server-rendered React applications. We call Rogue a nearly invisible framework, because it doesn't require a special /pages directory (like Nextjs) or a separate routes.js file (like Afterjs); all you need, is the App.js entry point you'd usually have. This means that you can wrap your app in layouts/transitions/providers, etc. the same way you would in a regular React Application, and staying true to React's values, you can organize your code however you like.

nextjs-starter - A starter project for Next.js with authentication

  •    Javascript

This is a starter project for React that uses Next.js. Next.js is a framework that makes it easy to create Universal web apps in React. With Next.js, React pages are automatically rendered on both client and server side, without the hassle of setting up dependancies like webpack or babel and with automatic routing.