Posts

Page 2 of 3

Component development with ladle and next/image

Learn how to develop react components which are using next/image with ladle

Dark mode with Shiki and Code Hike

How to implement beautiful syntax highlighting including dark mode with Shiki and Code Hike using css variables

Implementing a share button

In this article we will implement a button to share our articles on mobile devices and in the browser

Contentlayer with next/image

How to use static markdown images with contentlayer and next/image

MDX autolink headings

Learn to configure MDX so that headings get anchor links to themselves

RSS Feed with Next.js

A good blog needs an RSS feed, even if hardly anyone seems to use an RSS reader anymore

Social Media Cards with @vercel/og

Creating social media cards for sdorra.dev with the @vercel/og package

Contentlayer, MDX and the vercel edge function size limit

The 1mb size limit of vercel edge functions is quickly reached with Contentlayer and MDX

Use dark mode with TailwindCSS and Next.js

How to use dark mode on Next.js 13, the app directory and TailwindCSS

How to create a sitemap with Next.js app directory

This article shows the basics of creating a sitemap with Next.js and enabled app directory