Tag: nextjs
Just Enough Is an Ongoing Practice
Stable products still need maintenance. Defaults and shiny features quietly tax systems over time, and efficiency is a sign of craftsmanship, not penny-pinching.
Optimizing Your Next.js Site's Fast Origin Transfer and ISR Reads
Next.js Link prefetching quietly burned through 15 GB of bandwidth on my Vercel-hosted blog. Here's how I fixed it.
nextjs のproduction環境でだけconsoleを出力しないようにする
無料の翻訳API、みんなの自動翻訳を使ってみた
Content creation workflow: my writing process
Learn how I write and publish content on my Next.js site using Markdown and MDX, and a custom content creation workflow.
next startで実行される環境変数をそれぞれ違うファイルから呼び出したい
nextjsのLinkコンポーネントは事前にプリフェッチしているらしい
Next.js v15 — What’s new under the hood
Hello! This is another article about next.js. And finally, about the new version! Each release is a set of new, interesting, and controversial features. This version will be no exception. However, new version is interesting not so much for its new functionality, but for the change in priorities and organization in next.js. And yes, as you may have guessed from the title, a significant part of this release is valuable for reflecting on previous mistakes.
The results of my PostHog AB Test are in!
I dive into the data from my PostHog AB Test and show you how to interpret the results.
How I found a missing change on my next.js site with PostHog
I tackle a significant drop in my newsletter subscribers. Join me as I dive into the data using PostHog, identify and fix critical errors, and ultimately switch from ConvertKit to Resend.
Fixing the sign-up problem on my site using PostHog Product analytics
In part two of my product analytics journey, I tackle a subscriber drop, dive into PostHog data, fix key errors, and switch from ConvertKit to the developer-friendly Resend.
Product Analytics for engineers: Debugging a conversion problem on my next.js site
This video dives into the process I used to diagnose and debug a conversion problem on my personal website using Posthog, a powerful product analytics tool.
SEO for Devs: Own your work with canonical tags
Canonical tags are a powerful tool to help search engines understand which version of a page is the original one. This can help you avoid duplicate content issues and ensure that your content gets the credit it deserves.
nextjsのプロジェクトでclass-variance-authorityを採用した
class-variance-authorityってなに？
nextjsで開発中にモックサーバーを立ち上げたいのでnext-swagger-docと@stoplight/prism-cliを比較してみた
開発中にモックサーバーを立ち上げたかったので方法を調べてみた。
Add Structured Data to your Next.js site with JSON-LD for better SEO
Structured Data can be added to your site tell Google and other search engines what type of content is on each page using a metadata format called JSON-LD.
Rebuilding an open source content-rich site with Astro, TypeScript, and React
A YouTube live coding stream, learning to build content-driven sites with the Astro Web Framework.
3 Tiny tips for better SEO
I hear from a lot of devs that they don't know where to start with SEO. Here are 3 tiny tips about to get you started.
Revisiting Obsidian as a CMS, again
Obsidian as CMS: Using YAML frontmatter and GitHub's GraphQL API to create a free, flexible publishing system for markdown content that.
Revisiting Obsidian as a CMS, again
Obsidian as CMS: Using YAML frontmatter and GitHub's GraphQL API to create a free, flexible publishing system for markdown content that.
Including static files in App Router RSCs
Why bundling static files into a Next.js App Router build is harder than it looks, and how webpack's require.context and custom loaders solve it.
Using Satori and Next.js to generate dynamic images
A YouTube live coding stream where we explore how we use a variety of dynamic images with Next.js using Satori.
Configuring Resend Broadcasts for newsletters on my Next.js website
A coding livestream where integrate Resend's new Broadcasts feature into my next.js site to use for sending newsletters.
How to set up self-healing URLs in Next.js for better SEO
Set up self-healing URLs with the App Router in Next.js for better SEO, accessibility, and usability
Revisiting Obsidian as a CMS
A home-built publishing system using Obsidian for writing, GitHub for storage, and Next.
Revisiting Obsidian as a CMS
A home-built publishing system using Obsidian for writing, GitHub for storage, and Next.
Add custom fonts to Next.js sites with Tailwind using next/font
Learn how to add custom fonts to your Next.js app using next/font and Tailwind CSS. Improve user experience without sacrificing performance.
Steps I take to fix stubborn TypeScript errors in VS Code
Sometimes fixing a TypeScript or eslint error in VS Code can feel impossible. Here's what I do when I have exhausted all my resources.
Dockerで立ち上げたNextJs・NestJsのプロジェクトでホットリロードを可能にする
DockerでnextJsとnestJsの環境構築をする
Refactoring TypeScript React components in VS Code
Extracting types from a JavaScript object is a common task in TypeScript. This post shows how to do it with VS Code.
Obsidian as a CMS
Obsidian as CMS: Git-based system using timestamps, GitHub sync, Cloudflare for assets, and NextJS for display—edit anywhere with automatic.
Obsidian as a CMS
Obsidian as CMS: Git-based system using timestamps, GitHub sync, Cloudflare for assets, and NextJS for display—edit anywhere with automatic.
Sync your About page and your GitHub bio on your Next.js site
Learn how to sync your About page and your personal GitHub README bio on your Next.js site, as a step towards owning your content on social media.
Growth hack: Publish newsletters to your Next.js site with ConvertKit API
Use previous issues of your newsletter to attract new subscribers, using the ConvertKit API with your Next.js site.
What it's like to migrate a high-traffic website from Gatsby to Next.js
I migrated apisyouwonthate.com, a site with 20k+ monthly visits, from Gatsby to Next.js at the end of 2021. Let's talk about what I learned from that experience.
Next.js with MDX tips: Provide shortcuts to article headings
This tutorial will teach you how to automatically add links to heading tags in your mdx posts on your Next.js site with a plugin called rehype-slug. This should work for most nextJS sites that use MDX for content, as well as many other JavaScript-based sites which use MDX.