https://github.com/deividfrancis/poc-next-14-pwa

Neste projeto, estou focado em explorar e implementar funcionalidades de uma Progressive Web App (PWA) utilizando Next.js.
https://github.com/deividfrancis/poc-next-14-pwa

dexiejs frontend next-pwa next14 offiline-first pwa react

Last synced: 20 days ago
JSON representation

Neste projeto, estou focado em explorar e implementar funcionalidades de uma Progressive Web App (PWA) utilizando Next.js.

• Host: GitHub
• URL: https://github.com/deividfrancis/poc-next-14-pwa
• Owner: DeividFrancis
• Created: 2024-03-05T03:25:37.000Z (12 months ago)
• Default Branch: main
• Last Pushed: 2024-03-06T01:19:46.000Z (12 months ago)
• Last Synced: 2024-12-05T22:14:58.616Z (3 months ago)
• Topics: dexiejs, frontend, next-pwa, next14, offiline-first, pwa, react
• Language: TypeScript
• Homepage: https://poc-next-14-pwa.vercel.app
• Size: 318 KB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Projeto POC Next 14 PWA

Neste projeto, estou focado em explorar e implementar funcionalidades de uma Progressive Web App (PWA) utilizando Next.js. Abaixo estão os principais pontos que considerei durante o desenvolvimento:

## Pontos Considerados:

- Utilização do [Simicart Manifest Generator](https://www.simicart.com/manifest-generator.html) para auxiliar na geração de ícones e configurações detalhadas necessárias para uma PWA.

- Integração da biblioteca [next-pwa](https://ducanh-next-pwa.vercel.app) para criar um wrapper de PWA com Next.js.

- Implementação do [React Hook Form](https://react-hook-form.com/) para compreender o funcionamento de uma biblioteca que será utilizada em uma PWA.

- Experimentação com [Dexie.js](https://dexie.org/) para testar a persistência de dados offline.

## Próximos Passos:

- Componentização do código.

- Testes com a construção standalone da aplicação.

- Exploração do [shad/cn](https://ui.shadcn.com/) para estilização.

- Utilização do [UseQuery](https://react-query.tanstack.com/) para gerenciamento de estado e consultas.

- Implementação de testes utilizando o Next.js App Router.

- Expansão do número de telas para observar o uso de dados em cache.