데브허브 | DEVHUB | Advanced search filtering in NextJs 15 ft Aurora Scharff
In this conversation, I'm joined by Aurora Scharff, a web developer from Crayon Consulting, discussing her journey into web development, her experiences with NextJs, and the evolution of its APIs. We delve into performance optimization, data fetching strategies, and the innovative use of URLs as state in applications. Aurora shares insights on implementing suspense and optimistic UI, advanced search parameters, and the benefits of using nuqs for managing state. The conversation concludes with a discussion on caching strategies in NextJs 15 and the future directions of the framework.
👉🏼 Connect with Aurora
→ https://x.com/aurorascharff
👉🏼 Link to Aurora's blog post
→ https://aurorascharff.no/posts/managi...
👉🏼 Learn AI
→ https://scrimba.com/?via=hamedbahram
👉🏼 Connect with me
→ https://hamedbahram.io/contact
Chapters
00:00 Introduction to Aurora Scharff and Web Development Journey
02:53 Transitioning to Next.js and App Router Challenges
05:51 Exploring Next.js: Choosing the Right Tech Stack
09:00 Current State of Next.js and Future Changes
11:55 Performance Optimization in Next.js
14:48 Data Fetching Strategies and Suspense in Next.js
18:06 Managing Search Parameters and Client-Side Interactivity
21:04 Caching Strategies and React 19 API
23:52 User Experience Considerations with Suspense
26:56 Using the New use API for Client Components
28:53 Introduction to API for Internationalization
30:02 Advanced Search Parameters in App Router
31:20 Using URL as State for User Feedback
33:01 Optimizing User Interactivity with Transitions
36:01 Implementing Optimistic UI for Better UX
40:52 Managing Search and Filter States
47:00 Exploring nuqs for Search Parameter Management
53:11 Next.js 15 Changes and Caching Strategies
