My journey

By trace

Tag

#nextjs

Rec & Triv

Published: 

https://www.youtube.com/watch?v=IKkmUB3J5bo&feature=youtu.be What is Rec & Triv? Rec & Triv is a web application that can be use to get movie recommendations and play movie trivia from the selected movie. It uses modus as the backend hosted in Hype...
Crafting Innovation

Published: 

This hackathon has provided me with an opportunity to explore and experiment with the potential of Hashnode's new API by creating new starter theme templates. I was also grateful for Favourite Jome introducing me to the 'hashnode client' package by C...
Share and Review books you love with "Summize"

Published: 

NOTE: Outerbase is in beta, so things are subject to change. The article will cover the process I took to create the application in September 2023. Summize is a web application where you can add books you love and also add your reviews/summaries. For...
Integrating Passage with Grafbase and using the Grafbase Next.Js Plugin

Published: 

In the article, I will explain how you can integrate Passage as an authentication provider with the Next.Js app directory and Grafbase. I will also explain the steps you can take to install the Grafbase Next.js Plugin. I would also like to thank Hash...
Integrating Clerk with Grafbase and Grafbase Next.Js Plugin

Published: 

In the article, I will explain how you can integrate Clerk as an authentication provider with the Next.Js app directory and Grafbase. I will also explain the steps you can take to install the Grafbase Next.js Plugin. I would also like to thank Hashno...
Post your thought with "Graphy"

Published: 

I had no idea what fate had in store for me when I logged on to Hashnode that fateful day. It was August 7, 2023, a day that will be very hard for me to forget. A red timer that was counting down the seconds until the deadline of a hackathon caught m...
Boost Your Productivity with "Task Manager"

Published: 

Task Manager is a personal chore manager. I would like to express my sincere gratitude to Hashnode and Appwrite for providing this incredible opportunity. Participating in this event has been an enriching learning experience and a true privilege. Wha...
How to Create a TypeScript React Function Component Snippet in VS Code

Published: 

A Step-by-Step Guide to Boost Your Productivity and Code Quality by Creating a Custom Typescript React Function Component Snippet in VS Code. Before I go forward, I would like to thank Josch from Josh Tried Coding for making a great video on how to d...
How to Create a Contact Form with Formspree.io and NextJs with tailwindcss: A Step-by-Step Guide

Published: 

Synopsis: We will use NextJS 13 with typescript to create a contact form. Also, to make our job easier, I will use a pre-built form from windstatic.com Welcome to our tutorial on how to create a contact form with Formspree.io and NextJs. Adding a con...
Creating a table for our Supabase database with Prisma in NextJs.

Published: 

In this article, we will go through how we can define a data model in the schema.prisma file and then create a table in supabase with Prisma migration. Before we create a model, we need to connect our application to supabase with the help of Prisma. ...
How to connect a NextJs application to Supabase with Prisma?

Published: 

Definitions:NextJs: A React framework that can be used to create full-stack web applications.Supabase: Supabase is an open-source backend-as-a-service (BaaS) platform. It is built on top of Postgres and supports the SQL language. We will use supabase...
Boost Your Productivity with these VS Code extensions

Published: 

If you use Visual Studio Code (VS Code) as your code editor, get ready to supercharge your coding experience with some of the most useful VS Code extensions that can take your productivity to the next level! All the extensions that I'm about to share...