Code Tutorials

Using React Wrap Balancer to Make Wrapping Less Awkward

Text wrapping on different screen sizes can be pretty unpredictable. Using this package will increase readability by avoiding hanging text on the last line.

Static tweets — the better way to embed Twitter

Create statically-rendered tweets using Next.js, Tailwind CSS, and Twitter's API

Static Link Previews Using Site Metadata

Link previews are a great way to give your users more context about content you link to in articles and posts.

Create an Open Graph image engine in just 4 steps

Dynamically create open graph images for your website

Create a sitemap with Next.js

Add a sitemap to your NextJS project that automatically regenerates at buildtime.

Why You Should Use Tailwind for Your Next Project

CSS frameworks are a dime a dozen. Here is what makes Tailwind different, and why you should use it in your next project.

Creating a simple form with Tailwind and Next.js

In this tutorial, you will use Next.js and Tailwind CSS to create a custom form that implements our backend API.

Create a serverless API with Next.js and Mailchimp

In this tutorial, you will use Next.js to build a server-side API that connects with Mailchimp.

Kartik's Newsletter

Subscribe to get science and tech news, new posts, and the latest updates from me.

Subscribe on Substack