sdorra.dev https://sdorra.dev A site about software development by Sebastian Sdorra Fri, 12 Dec 2025 07:45:26 GMT https://validator.w3.org/feed/docs/rss2.html https://github.com/jpmonette/feed en All rights reserved 2023, Sebastian Sdorra <![CDATA[From card layout to table layout]]> https://sdorra.dev/posts/2024-03-23-from-card-to-table?utm_campaign=feed&utm_source=rss2 https://sdorra.dev/posts/2024-03-23-from-card-to-table Sat, 23 Mar 2024 13:00:00 GMT

From a mobile card layout to a table layout on larger devices

Read the full article on sdorra.dev

]]> s.sdorra@gmail.com (Sebastian Sdorra) css tailwind grid subgrid <![CDATA[Using temporary files with vitest]]> https://sdorra.dev/posts/2024-02-12-vitest-tmpdir?utm_campaign=feed&utm_source=rss2 https://sdorra.dev/posts/2024-02-12-vitest-tmpdir Mon, 12 Feb 2024 13:00:00 GMT

Extend the vitest context with a temporary directory

Read the full article on sdorra.dev

]]> s.sdorra@gmail.com (Sebastian Sdorra) vitest fs temp typescript <![CDATA[Content Collections]]> https://sdorra.dev/posts/2024-01-15-content-collections?utm_campaign=feed&utm_source=rss2 https://sdorra.dev/posts/2024-01-15-content-collections Mon, 15 Jan 2024 13:00:00 GMT

An alternative to contentlayer

Read the full article on sdorra.dev

]]> s.sdorra@gmail.com (Sebastian Sdorra) contentlayer markdown mdx typescript <![CDATA[Simple loading spinners with Tailwind]]> https://sdorra.dev/posts/2023-12-29-tailwind-spinners?utm_campaign=feed&utm_source=rss2 https://sdorra.dev/posts/2023-12-29-tailwind-spinners Fri, 29 Dec 2023 13:00:00 GMT

Creating nice loading spinner without using external libraries and even without JavaScript.

Read the full article on sdorra.dev

]]> s.sdorra@gmail.com (Sebastian Sdorra) tailwind spinner loading <![CDATA[Type-safe environment with TypeScript and Zod]]> https://sdorra.dev/posts/2023-08-22-type-safe-environment?utm_campaign=feed&utm_source=rss2 https://sdorra.dev/posts/2023-08-22-type-safe-environment Tue, 22 Aug 2023 13:00:00 GMT

Let's build a type-safe version of process.env with TypeScript and Zod

Read the full article on sdorra.dev

]]> s.sdorra@gmail.com (Sebastian Sdorra) typescript zod environment <![CDATA[Speeding up a serverless function]]> https://sdorra.dev/posts/2023-08-13-speedup-serverless-function?utm_campaign=feed&utm_source=rss2 https://sdorra.dev/posts/2023-08-13-speedup-serverless-function Sun, 13 Aug 2023 13:00:00 GMT

In this article we will speed up a serverless function which fetches data from a google spreadsheet

Read the full article on sdorra.dev

]]> s.sdorra@gmail.com (Sebastian Sdorra) serverless google spreadsheet edge <![CDATA[Create an ansible module]]> https://sdorra.dev/posts/2023-08-09-ansible-porkbun-module?utm_campaign=feed&utm_source=rss2 https://sdorra.dev/posts/2023-08-09-ansible-porkbun-module Wed, 09 Aug 2023 13:00:00 GMT

In this article we will see how to create an ansible module to manage porkbun

Read the full article on sdorra.dev

]]> s.sdorra@gmail.com (Sebastian Sdorra) ansible porkbun module <![CDATA[New DNS registrar]]> https://sdorra.dev/posts/2023-08-07-new-dns-registrar?utm_campaign=feed&utm_source=rss2 https://sdorra.dev/posts/2023-08-07-new-dns-registrar Mon, 07 Aug 2023 13:00:00 GMT

Why i now use Porkbun for all my domain names

Read the full article on sdorra.dev

]]> s.sdorra@gmail.com (Sebastian Sdorra) dns node ansible lets-encrypt <![CDATA[Refetch on window focus]]> https://sdorra.dev/posts/2023-08-04-refetch-on-window-focus?utm_campaign=feed&utm_source=rss2 https://sdorra.dev/posts/2023-08-04-refetch-on-window-focus Fri, 04 Aug 2023 13:00:00 GMT

Automatically refresh data when the tab or browser window is focused

Read the full article on sdorra.dev

]]> s.sdorra@gmail.com (Sebastian Sdorra) react focus web <![CDATA[Google authentication on the edge]]> https://sdorra.dev/posts/2023-08-03-google-auth-on-the-edge?utm_campaign=feed&utm_source=rss2 https://sdorra.dev/posts/2023-08-03-google-auth-on-the-edge Thu, 03 Aug 2023 13:00:00 GMT

Authenticate a google service account within an edge function

Read the full article on sdorra.dev

]]> s.sdorra@gmail.com (Sebastian Sdorra) google authentication edge fetch <![CDATA[Animated burger menu button with TailwindCSS]]> https://sdorra.dev/posts/2023-03-23-animated-burger-menu-button?utm_campaign=feed&utm_source=rss2 https://sdorra.dev/posts/2023-03-23-animated-burger-menu-button Thu, 23 Mar 2023 13:00:00 GMT

Lets create an animated and accessible burger menu button with React and TailwindCSS

Read the full article on sdorra.dev

]]> s.sdorra@gmail.com (Sebastian Sdorra) tailwindcss react css <![CDATA[TypeScript undefined to null]]> https://sdorra.dev/posts/2023-03-20-typescript-undefined-to-null?utm_campaign=feed&utm_source=rss2 https://sdorra.dev/posts/2023-03-20-typescript-undefined-to-null Mon, 20 Mar 2023 13:00:00 GMT

Learn how to create a type helper which converts undefined to null

Read the full article on sdorra.dev

]]> s.sdorra@gmail.com (Sebastian Sdorra) typescript nextjs <![CDATA[Responsive components with grid and TailwindCSS]]> https://sdorra.dev/posts/2023-02-10-responsive-components-with-grid?utm_campaign=feed&utm_source=rss2 https://sdorra.dev/posts/2023-02-10-responsive-components-with-grid Fri, 10 Feb 2023 13:00:00 GMT

Develop responsive components by changing structure with grid and TailwindCSS

Read the full article on sdorra.dev

]]> s.sdorra@gmail.com (Sebastian Sdorra) tailwindcss grid flexbox css <![CDATA[Dark mode with Ladle and TailwindCSS]]> https://sdorra.dev/posts/2023-01-19-ladle-tailwind-dark-mode?utm_campaign=feed&utm_source=rss2 https://sdorra.dev/posts/2023-01-19-ladle-tailwind-dark-mode Thu, 19 Jan 2023 13:00:00 GMT

Leverage the dark mode switch of Ladle for components using TailwindCSS

Read the full article on sdorra.dev

]]> s.sdorra@gmail.com (Sebastian Sdorra) ladle tailwindcss react <![CDATA[Component development with ladle and next/image]]> https://sdorra.dev/posts/2023-01-18-ladle-next-image?utm_campaign=feed&utm_source=rss2 https://sdorra.dev/posts/2023-01-18-ladle-next-image Wed, 18 Jan 2023 13:00:00 GMT

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

Read the full article on sdorra.dev

]]> s.sdorra@gmail.com (Sebastian Sdorra) ladle nextjs react typescript <![CDATA[Dark mode with Shiki and Code Hike]]> https://sdorra.dev/posts/2023-01-12-ch-dark-mode?utm_campaign=feed&utm_source=rss2 https://sdorra.dev/posts/2023-01-12-ch-dark-mode Thu, 12 Jan 2023 13:00:00 GMT

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

Read the full article on sdorra.dev

]]> s.sdorra@gmail.com (Sebastian Sdorra) shiki codehike tailwindcss react <![CDATA[Implementing a share button]]> https://sdorra.dev/posts/2023-01-05-share-button?utm_campaign=feed&utm_source=rss2 https://sdorra.dev/posts/2023-01-05-share-button Thu, 05 Jan 2023 13:00:00 GMT

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

Read the full article on sdorra.dev

]]> s.sdorra@gmail.com (Sebastian Sdorra) react tailwindcss headlessui <![CDATA[Contentlayer with next/image]]> https://sdorra.dev/posts/2022-12-11-contentlayer-next-image?utm_campaign=feed&utm_source=rss2 https://sdorra.dev/posts/2022-12-11-contentlayer-next-image Sun, 11 Dec 2022 13:00:00 GMT

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

Read the full article on sdorra.dev

]]> s.sdorra@gmail.com (Sebastian Sdorra) markdown contentlayer nextjs react <![CDATA[MDX autolink headings]]> https://sdorra.dev/posts/2022-12-07-mdx-autolink-headings?utm_campaign=feed&utm_source=rss2 https://sdorra.dev/posts/2022-12-07-mdx-autolink-headings Wed, 07 Dec 2022 13:00:00 GMT

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

Read the full article on sdorra.dev

]]> s.sdorra@gmail.com (Sebastian Sdorra) mdx react contentlayer tailwindcss <![CDATA[RSS Feed with Next.js]]> https://sdorra.dev/posts/2022-12-06-next-rss-feed?utm_campaign=feed&utm_source=rss2 https://sdorra.dev/posts/2022-12-06-next-rss-feed Tue, 06 Dec 2022 13:00:00 GMT

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

Read the full article on sdorra.dev

]]> s.sdorra@gmail.com (Sebastian Sdorra) nextjs rss feed contentlayer <![CDATA[Social Media Cards with @vercel/og]]> https://sdorra.dev/posts/2022-11-27-social-media-cards?utm_campaign=feed&utm_source=rss2 https://sdorra.dev/posts/2022-11-27-social-media-cards Sun, 27 Nov 2022 13:00:00 GMT

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

Read the full article on sdorra.dev

]]> s.sdorra@gmail.com (Sebastian Sdorra) vercel edge ogp <![CDATA[Contentlayer, MDX and the vercel edge function size limit]]> https://sdorra.dev/posts/2022-11-24-contentlayer-mdx-edge?utm_campaign=feed&utm_source=rss2 https://sdorra.dev/posts/2022-11-24-contentlayer-mdx-edge Thu, 24 Nov 2022 13:00:00 GMT

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

Read the full article on sdorra.dev

]]> s.sdorra@gmail.com (Sebastian Sdorra) vercel edge mdx contentlayer <![CDATA[Use dark mode with TailwindCSS and Next.js]]> https://sdorra.dev/posts/2022-11-17-dark-mode-with-next?utm_campaign=feed&utm_source=rss2 https://sdorra.dev/posts/2022-11-17-dark-mode-with-next Thu, 17 Nov 2022 13:00:00 GMT

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

Read the full article on sdorra.dev

]]> s.sdorra@gmail.com (Sebastian Sdorra) nextjs tailwindcss css react <![CDATA[How to create a sitemap with Next.js app directory]]> https://sdorra.dev/posts/2022-11-15-sitemaps-with-appdir?utm_campaign=feed&utm_source=rss2 https://sdorra.dev/posts/2022-11-15-sitemaps-with-appdir Tue, 15 Nov 2022 13:00:00 GMT

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

Read the full article on sdorra.dev

]]> s.sdorra@gmail.com (Sebastian Sdorra) nextjs sitemap contentlayer <![CDATA[Next.js app directory and 100% height]]> https://sdorra.dev/posts/2022-11-14-layout-divs?utm_campaign=feed&utm_source=rss2 https://sdorra.dev/posts/2022-11-14-layout-divs Mon, 14 Nov 2022 13:00:00 GMT

Layouts of Next.js app directory are creating div wrappers, which could break designs

Read the full article on sdorra.dev

]]> s.sdorra@gmail.com (Sebastian Sdorra) nextjs css <![CDATA[Using Code Hike within the Next.js app directory]]> https://sdorra.dev/posts/2022-11-13-codehike-appdir?utm_campaign=feed&utm_source=rss2 https://sdorra.dev/posts/2022-11-13-codehike-appdir Sun, 13 Nov 2022 13:00:00 GMT

How to use Code Hike with the new app directory of Next.js 13

Read the full article on sdorra.dev

]]> s.sdorra@gmail.com (Sebastian Sdorra) nextjs mdx contentlayer <![CDATA[Analytics with Next.js 13]]> https://sdorra.dev/posts/2022-11-11-next-with-fathom?utm_campaign=feed&utm_source=rss2 https://sdorra.dev/posts/2022-11-11-next-with-fathom Fri, 11 Nov 2022 13:00:00 GMT

This article explains how to use analytics with Next.js 13, using the example of fathom

Read the full article on sdorra.dev

]]> s.sdorra@gmail.com (Sebastian Sdorra) nextjs analytics fathom react <![CDATA[Next.js 13 Fonts with Tailwind]]> https://sdorra.dev/posts/2022-11-10-next-fonts-tailwind?utm_campaign=feed&utm_source=rss2 https://sdorra.dev/posts/2022-11-10-next-fonts-tailwind Thu, 10 Nov 2022 13:00:00 GMT

How to use Next.js font optimization with tailwind

Read the full article on sdorra.dev

]]> s.sdorra@gmail.com (Sebastian Sdorra) nextjs fonts tailwindcss react