README.md

This mini-project was created as a brief demonstration of PWA capabilities for one of my clients, showcasing how PWA technology can enhance the user experience with features such as offline functionality, responsiveness, and smooth performance.

This is a Next.js project bootstrapped with create-next-app. This is also a Progressive Web App built with @ducanh2912/next-pwa.

Deployed application link.

Main features include:

Offline-support with Service Worker using precaching as well as runtime caching (thanks to Workbox)

Manual offline content download functionality

Online and offline detection 

Code splitting, including dynamic component imports (using Next)

Route prefetching

Pagination and search with state persistence

Tailwind CSS was used to write styles, including covering both dark and light modes.

Getting Started

First, set project node version:

nvm use

Install project packages:

npm install
# or
yarn install
# or
pnpm install

Then, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev

Open http://localhost:3000 with your browser to see the result.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.