Frontend on Kaisekukun

Next.js 15 New Features and Upgrade 指南: Migrating Your Project

Wed, 08 Jul 2026 10:00:00 +0900

Next.js 15 is officially released, built on React 19 stable. This major update brings a stable Partial Prerendering (PPR) system, a revamped caching strategy, and Turbopack integration for development builds.

This article walks through the key new features and provides a step-by-step upgrade guide for migrating from Next.js 14.

1. Key New 功能

Native React 19 Support

Next.js 15 fully embraces React 19. Server Components are now stable, and new hooks like use() and useOptimistic() work directly within the App Router. Server Actions are also more efficient with improved performance for action-oriented hooks.

高级 Tuning for Vite Build and Bundling Performance

Sun, 10 May 2026 12:00:00 +0900

Keep your Vite builds extremely fast using custom bundling settings and caching layers.

Vite is lightning-fast out of the box, but as codebases expand, production builds can slow down due to heavy Rollup compilation stages. This guide outlines how to optimize your builds using manualChunks, esbuild minification settings, and dependency pre-bundling configurations.

1. Code Splitting: Balancing Asset Sizes

By default, Vite bundles your application code into unified scripts. To prevent downloading unnecessary JavaScript during the initial page load, developers must implement robust code-splitting strategies.

Tailwind CSS v4 Features and Migration 指南

Wed, 01 Apr 2026 12:00:00 +0900

Tailwind CSS v4.0 introduces a brand-new compilation engine written completely in Rust, accelerating build loops by up to 10x. Additionally, it transitions from a JavaScript-based configuration file (tailwind.config.js) to a CSS-first approach, where customizations are defined inside your primary stylesheet using standard CSS variables.

This article reviews the major changes in Tailwind CSS v4 and provides a practical migration walkthrough to help you upgrade your projects.

1. Key Changes in Tailwind CSS v4

1) Rust-Powered “Oxide” Engine

The defining feature of v4 is its compiler. Rewritten in Rust, the Oxide engine processes stylesheet files significantly faster than the old PostCSS-based engine. This translates to near-instantaneous dev server startups and hot module replacement (HMR), keeping developers in their flow.