View this website's code
Trying out the app directory in Next.js
A beginner's guide to exploring the new Next.js app directory and server components I've been...
Take your Next js + GraphQL + TypeScript Setup to the next level
Integrating the full range of Next.js features with Apollo Client. This is a continuation of the...
The last react form library you will ever need
It’s been a while so I thought I would share a quick guide for my favorite form library, the mighty...
Improve the links to your site with Next js
The Goal I always found cool when a site has a link preview when you share the url...
Create react components at the speed of light with Plop.js
Use plop.js to make the tedious task of creating new files a breeze
Keep your dependencies up to date with Dependabot
When you are maintaining a codebase it becomes hard to keep track and update the dependencies installed in your app. While it's important to keep things up to date, it's also a huge pain. Checking for updates, make sure nothing is breaking, etc. That's where Dependabot comes to help us, it automatically creates pull requests that we can review and test and, if it's all good, merge an update our dependencies.
Protecting your API keys with Next JS
Hide your private keys from the browser.
React Query 101
A simple intro to react-query
Next js + GraphQL + TypeScript Setup
Simple GraphQL setup for your Next JS app
Turborepo + Pothos + Prisma + Next
A showcase app for your projects
GraphQL + TypeScript boilerplate for NextJS.
Turborepo + tRPC in Node.js + Next.js + Component library