Code on gitlab: https://gitlab.com/test-projects47/firestore-import-json Creating a Firestore database Register for a firebase account and go to Firebase Console (https://console.firebase.google.com/) Add Project Click Continue when the project...

Github: https://github.com/cherylli/devto-api-nextjs codesandbox: https://codesandbox.io/p/github/cherylli/devto-api-nextjs/main We will create a basic app to pull articles from dev.to API, using next.js static site generation (SSG) and display the ...

Week 1: Meet the Team, Choose a Project and Decide on the Stack I was put in a team with people in similar timezones. The team discord channel, github repository, and a google drive was set up for us. Two days had passed and half of my original team ...

Husky allows scripts to run at various git lifecycle events. Here, we want to use the Husky pre-commit hook to run prettier to automatically format the files in the repository on commit. project setup on gitlab: https://gitlab.com/test-projects47/hu...

To add a google font to an Next.js application, create a Custom Document ( _document.tsx in the pages folder), and copy from google fonts // pages/_document.tsx import Document, { DocumentContext, DocumentInitialProps, Html, Head, ...

Prerequisites Windows Terminal OpenSSH - Get started with OpenSSH A Virtual Private Server or a Virtual Machine running Debian Connecting to the VPS for the First Time Connect to the VPS using PuTTY, WinSCP or similar Make sure auto login name i...

About a year or two ago, I was introduced to chingu.io. I looked at it and they charged $30 for each voyage. I did a bit of research and people who participated think it was worth the $30 but I was skeptical. I bookmarked it and saw it a few days ago...

Initial Server Setup (if it's a reinstall) remove server from known_hosts in .ssh folder Create a new user and Grant access It is not a good practice to use the root account apart from the initial server setup, so we create a new user, and give i...

Set up the next.js App and apollo graphql client This is a very basic example, and the full code can be found here - codesandbox: https://codesandbox.io/s/hashnode-api-sandbox-xyttqf github: https://github.com/cherylli/nextjs-apollo-hashnode Crea...

Implement a Basic Modal You can view the complete code here https://codesandbox.io/s/naughty-platform-ftyk3s First, add a div to hold the modal in public/index.html // public/index.html <div id="root"></div> <div id="modal-root"></div> The modal wa...

I wanted to convert my existing react app to a PWA because I wanted to publish it on google play store without having to rewrite it with something like react native. To convert an existing react app to a PWA, we need A service worker A manifest file...