The remote tracking branches may still exist in your local after a feature branch is merged(to a main branch) and deleted from remote (the normal pull request workflow) The corresponding local branches too may exist and pile up locally, if you are too lazy to delete them. Is there a way to use the information available on remote (say only main branch exists on remote (the longest living branch.)) -...
Add a better link (styling), remove button I originally have 3 things First one is: <li> <Link href="/">All Notes</Link> </li> The button, however are: <li> <button onClick={() => signIn()}>Sign Up</button> </li> Either style the buttons, or use Link. Tried using Link for Sign Up But Link cannot be without href , get error. Googled - create link without href, says to use #, but it didnt work for me: https://stackoverflow.com/questions/20165590/make-a-clickable-link-with-onclick-but-without-href In same SO, this answer worked for me well: https://stackoverflow....
Getting App ready to deploy remove hardcoded localhost externalize it to .env.local DOMAIN="localhost" PORT=3000 and use in code as: Old: const HOME_URL = "localhost:3000"; New: const HOME_URL = `${process.env.DOMAIN}:${process.env.PORT}`; Change also somewhere in Google OAuth… I gave somewhere in google auth setup, the localhost as callback URL. Will update it with cloud url (production env. url, where I deploy) Google it: google oauth callback URL googled google oauth setup found a visited URL: Integrating Google Sign-In into your web app Go to the Credentials page....
Show Modal in nextjs Show the personal link in a modal Better UI User may copy Google how to show modal. Found this, following it: https://devrecipes.net/modal-component-with-next-js/ It says to create a file _document.js that nextjs supports to render in a specific DOM node outside of root node of React. The way to modify the root DOM structure of our app is to use the _document.js file, which is provided by the library....
While looking for examples if a route can cause a modal (popup) to appear. I saw this discussion: https://github.com/anantcode/anote-next/pull/2 that leads to this example: https://github.com/vercel/next.js/tree/canary/examples/with-route-as-modal That had this link to live preview: preview live with StackBlitz