Jan 16 · 4 min read · This week has flown by. We had an office day this week which is when our team comes into the Octopus office in London and I tend to find that weeks with office days always seem to go super fast. I don’t know what it is about going into London that ma...
Join discussion
Dec 27, 2025 · 16 min read · Routing is how a web application decides which page to show for a given URL.Next.js uses a file-based routing system, meaning the folder and file structure you create inside the project automatically becomes your website’s routes. Next.js supports tw...
Join discussion
Oct 2, 2025 · 2 min read · Next.js uses file based routing it means if your folder structure inside /app folder is like as /app/user then in the url let say http://localhost:3000/user render the content of the /user route. And also at http://localhost:3000/ at this route it se...
Join discussion
Aug 31, 2025 · 2 min read · 最近專案使用到 Next.js App router，在 UX 體驗上常常有一種很卡的感覺，點擊連結時會有延遲後才會跳轉。這是因為 App Router 渲染機制的原因， 使用 Next Link 或 router.push() 時 App Router 路由切換是漸進式的，當點擊連結時，會有一段資料獲取（Data Fetching）與渲染（Rendering）的過程，跳轉過去時才看到 Hydration 後的 HTML ，這時才進入 Client 端的生命週期。 在 Github 也可以看到大...
Join discussionJun 22, 2025 · 13 min read · 🔍 Introduction Ever landed on a page in your Next.js app and wondered why the UI didn’t quite reflect your latest changes, without you clicking refresh? You’re not alone. While the App Router’s Server Actions and React Server Components (RSC) promis...
Join discussion
May 12, 2025 · 3 min read · Example: Building a Simple Blog with Basic Routing Building a Simple Blog with Basic Routing in Next.js using the app directory is a great way to solidify your understanding of file-based routing. We'll create a basic blog structure, focusing on crea...
Join discussionMar 15, 2025 · 5 min read · Mistral Basic AI Agent Using NextJS with TypeScript In this tutorial, I will guide you step-by-step on how to use Mistral AI's powerful mistral-large-latest model to build a custom agent that can track and respond to payment statuses and transaction ...
Join discussion
Feb 26, 2025 · 8 min read · Introduction Stripe Connect enables platforms to facilitate payments between customers and service providers. In this guide, we'll implement Connect for an education platform where students can register and pay for programs offered by different provi...
Join discussionOct 9, 2024 · 3 min read · One common mistake developers make in Next.js is misunderstanding how dynamic routes work, particularly regarding the params and searchParams props. It’s crucial to understand that these props are only accessible in the page components and not in any...
Join discussion
Sep 17, 2024 · 10 min read · Next.js has become a powerhouse in the React ecosystem, and understanding its file conventions is key to getting the most out of it. In this blog post, we'll break down the 9 special routing files in the App Router, which replaces the older pages dir...
Join discussion