Tag: nextjs
React/Next: The Map
Nine posts. One request.
What Redux Was Actually For
The previous post argued that most of what people put in a global store was never client state — it was server data, or URL state, or form values, all miscategorised.
React/Next: Effects Are Not Lifecycle
Post 3 established a fact in passing that's worth picking back up: useEffect does not run during the SSR pass. Your client component executes on the server, produces markup, and its effects never fire.
React/Next: What's Actually Left for the Client
This series has spent several posts taking things away from the browser.
React/Next: 'use server'- A Mutation, End to End
Functions can't cross the boundary. Not because React is fussy, but because the two sides never share a scope — there's no lexical environment on the client for a server closure to be captured from. Props go into a text payload. A function isn't text.
Suspense Is Not a Loading Spinner
One question before we start.
React/Next: Two Graphs, One Repo
A module path, a chunk, an export name. That's bundler output — the bundler assigned the ID and decided which file the module lives in.
React/Next : What Runs When, and What Comes Out
Here's a test. Take this component:
How React Actually Updates the DOM — VDOM, Reconciliation, Fiber, and Why Signals Are a Different Idea Entirely
Here’s a question I sat with for longer than I should have: if React’s Virtual DOM is supposed to make things faster, why does a complex React app sometimes feel slower than a simple jQuery one?
Rendering Patterns in React and Next.js — A Map for the Genuinely Confused
Rendering patterns are one of those topics where everyone nods along in standup and then quietly Googles “SSR vs SSG” for the fourth time that week.
Sam Goodwin - Alchemy
Sam Goodwin introduces Alchemy, a modern infrastructure-as-code tool built with Effect that challenges the tech debt of current solutions.
RSC Server Functions and Libraries
How portable is "use server" anyway?
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.
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.
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.
Francois Best - Nuqs and URL State Management
Francois Best explains how Nuqs solves React URL state management challenges with elegant serialization and router adapter solutions.
Adding llms.txt Files to Enhance AI Model Compatibility
Implementing a generator for llms.txt files to help AI models better understand and reference blog content
nextjs のproduction環境でだけconsoleを出力しないようにする
無料の翻訳API、みんなの自動翻訳を使ってみた
Component Coloring
NextJS 15 made sync APIs async to force component coloring for SSR boundaries. Here's why.
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.
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.
Adding RSS Feeds to a Next.js Static Blog
A step-by-step guide on how to add RSS, Atom, and JSON feeds to a Next.js static blog using the Feed package
Content-Aware GitHub Actions Deployment for Next.js Blog
How to set up GitHub Actions workflows that intelligently handle content vs code changes, with automatic PR creation and selective deployments
next startで実行される環境変数をそれぞれ違うファイルから呼び出したい
nextjsのLinkコンポーネントは事前にプリフェッチしているらしい
Updated NextJS App deployed to App Runner with SSR and GitHub Actions
Updated NextJS App deployed to App Runner with SSR and GitHub Actions
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.
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.
NextJS App deployed to App Runner with GitHub Actions
NextJS App deployed to App Runner with GitHub Actions
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.
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.
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.
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.
NextJS App deployed to App Runner with CDK
Deploy a NextJS Application to AWS App Runner using CDK
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.
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.
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.
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.
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.