Blog

Latest Posts

TypeScript 5.6 Beta is Awesome

August 11, 20242 min read

The new TypeScript update fixes some common dev headaches, and adds emojis?

Create Your own ChatGPT Clone in Next.js with Just One Command

November 16, 20231 min read

In this video I showcase a really cool project to bootstrap a ChatGPT like application that can be used to query and index your own data. All built on NextJs. It supports multiple LLMs such as OpenAI and has support for Markdown, HTML, CSV, Word, Text files and more! It can even be used to just create a backend in python or express!

TailwindCSS: Master Advanced Techniques for Dark Mode, Theming, and More

November 12, 202310 min read

Explore advanced TailwindCSS techniques for effective dark mode implementation, custom theming, and utility helpers. Enhance your UI design efficiency and user experience with these practical methods.

NextJS 14 and more announcements from NextJS conf

October 28, 20233 min read

Take a brief look into what was announced to be coming in NextJS 14 as well as a few other announcements from the NextJS conference

Dynamically Generated OG Images in NextJS

October 20, 20237 min read

How to set-up dynamically generated OpenGraph images in NextJS 13, using both the app and pages router. How to style the image with tailwind, add custom fonts, choose emoji style and load in external/local images

Using SVG Sprites with NextJS 13

October 15, 20237 min read

How to use SVG sprites in React and NextJs 13. I guide you through set-up, pros and cons and using libraries such as radix-icons and lucide for your sprites

The Easiest Way to Make Emails in JavaScript

October 12, 20234 min read

The easiest way to craft emails in JavaScript. I will show you React Email and the power of this package in crafting emails in any framework. Although it may sound like a React package, you dont need to have a React application to use this.

Using Firebase Admin SDK with Next.js 13

October 9, 20237 min read

A quick tutorial on how to set up the Firebase Admin SDK on Nextjs 13, and how to use it in server components. I'll also show you how to hide firebase download urls using an API route.

Organising your JavaScript imports with Prettier

October 6, 20235 min read

How to organise your JavaScript imports using Prettier and @ianvs/prettier-plugin-sort-imports. I'll show you how powerful this plugin can be as its completely customisable, fitting to your needs.

Run Reigate Half Marthon - Alzheimer's Society

July 2, 20231 min read

I'm running the Run Reigate Half Marathon to raise money for Alzheimer's Society, follow my progress in this blog or donate to my JustGiving page.

How I setup ESLint, Prettier and Commit Linting

July 1, 20234 min read

My process for setting up code and commit linting, utilizing tools like ESLint, Prettier, Husky, and lint-staged, which aid in maintaining code quality and enforcing a consistent coding and commit style.

Setting up an RSS Feed in a Next.js 13 App Directory

April 21, 20234 min read

Learn how to set up an RSS feed for your Next.js 13 application using the rss package and contentlayer. This step-by-step guide will walk you through the process of generating an RSS feed, making it easier for your users to stay updated on your latest blog posts.

Welcome To My Site

April 14, 20236 min read

Explore my newly revamped website, a personal blog by a full-stack developer with a passion for front-end development and cloud solutions. Built using Next.js, MDX, and Tailwind CSS, this site offers insights into my experiences, emerging technologies, and industry news. Join me on his journey of learning and growth in the ever-evolving world of software engineering.

Categories

nextjs
javascript
blog
eslint
react
typescript
video
prettier
personal
chatgpt
ai
llamaindex
tailwindcss
css
dark mode
theming
helper functions
nextjs 14
opengraph
icons
svg
firebase
firebase-admin
sort-imports
running
charity
alzheimers
commitlint
rss
feed
app directory
web-development
contentlayer
tailwind

Top Posts