basic pwa setup

[technophile-04]

Description

Basic PWA setup and update the README, lol I think the README is not that great but please feel free to suggest 🙌

Additional Information

• I have read the contributing docs (if this is your first contribution)
• This is not a duplicate of any existing pull request

Related Issues

Your ENS/address: shivbhonde.eth

[Pabl0cks]

gj Shiv!! 🙌

I'm trying this out to add extra details to Readme with the stuff I find difficult to execute during the setup, and found myself in trouble while trying to run yarn vercel. I had to change the import from contract.ts to use this route to make it work:

import { Prettify } from "viem/types/utils";

Think is related with SE2 issue #419, because I found the same problem while trying to yarn vercel a fresh SE2. Here are the details (screenshots from my SE2 test but the errors were the same on this PR):

yarn vercel, throws an error while building. Those are details for the errors on Vercel console:

Error from bash console on Windows:

$ yarn vercel
Vercel CLI 28.15.1
? Set up and deploy “E:\GitHub\scaffold-eth-2\packages\nextjs”? [Y/n] y
? Set up and deploy “E:\GitHub\scaffold-eth-2\packages\nextjs”? [Y/n] y
Loading scopes…
? Which scope do you want to deploy to?
? Which scope do you want to deploy to? tokodev
Searching for existing projects…
? Link to existing project? [y/N] n
? Link to existing project? [y/N] n
? What’s your project’s name? (nextjs) se2-test-viem-folder
? What’s your project’s name? se2-test-viem-folder
Verifying project name…
? In which directory is your code located? ./
? In which directory is your code located? ./
Setting up project
Uploading [--------------------] (0.0B/80.4KB)
Uploading [======--------------] (24.2KB/80.4KB)
Uploading [=============-------] (55.4KB/80.4KB)
Uploading [=================---] (71.4KB/80.4KB)
Uploading [====================] (80.4KB/80.4KB)
Local settings detected in vercel.json:
Auto-detected Project Settings (Next.js):
- Build Command: next build
- Development Command: next dev --port $PORT
- Install Command: `yarn install`, `pnpm install`, `npm install`, or `bun install`
- Output Directory: Next.js default
? Want to modify these settings? [y/N] n
? Want to modify these settings? [y/N] n
Deploying tokodev/se2-test-viem-folder
Linked to tokodev/se2-test-viem-folder (created .vercel)
Inspect: https://vercel.com/tokodev/se2-test-viem-folder/8n1XJey375nRJ5T2jp9aHy4BPwbH [1s]
https://se2-test-viem-folder-a65w9fbhz-tokodev.vercel.appQueued
Building
Error: Unexpected error. Please try again later. ()

[Pabl0cks]

I've just added some additional info to the Readme, and re-worded / formatted some sections.

We'll have to add all the features explanations when we have them, and keep improving current content in further iterations 🙌

[carletex]

Great work @technophile-04!! And thanks @Pabl0cks for the review.

I'll give it a go this week. Will also set up the auto-deployment in Vercel & set up a Firebase

[carletex]

Hey all! left some review comments.

Also, following the instructions, I get this when clicking "allow notification" (after accepting it in my browser/installed pwa)

UPDATE: It's working now. The firestore rules just take a bit to propagate :)

Any ideas on what I might be doing wrong?

[carletex]

I think this is ready for a first merge.

I'm gonna create a branch "deployed-demo", where I'll branch from main and will use a Sepolia Contract so it works... until we firgure out next steps. It'll be connected to the BG's Vercel (something like pwa-demo.buidlguidl.com)

Thanks @technophile-04 & @Pabl0cks !