--- title: Building with Next.js - Part 3: Creating and Navigating... description: Learn about the first experience with Next.js, including getting started, deep diving into advanced concepts, and building with Next.js. canonical: https://daily.dev/posts/building-with-next-js---part-3-creating-and-navigating-pages-ezfbynv6f twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Building with Next.js - Part 3: Creating and Navigating Pages | daily.dev og:description: Learn about the first experience with Next.js, including getting started, deep diving into advanced concepts, and building with Next.js. og:url: https://daily.dev/posts/building-with-next-js---part-3-creating-and-navigating-pages-ezfbynv6f og:image: https://api.daily.dev/og/posts/EzfBYnV6F.png og:image:alt: Building with Next.js - Part 3: Creating and Navigating Pages og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # Building with Next.js - Part 3: Creating and Navigating Pages **[Collections](https://daily.dev/sources/collections)** · 2 min read · 11 upvotes · 0 comments ## Summary Learn about the first experience with Next.js, including getting started, deep diving into advanced concepts, and building with Next.js. ## Content Welcome to the world of Next.js! In this article, I will be sharing my first experience with Next.js and React, as well as some insights into building with Next.js. Whether you are a beginner or have some experience with web development, this article will cover the fundamental concepts and provide valuable information. Part 1: Getting Started When I first started with Next.js, the documentation proved to be incredibly helpful. It provided clear explanations of the core concepts and guided me through the setup process. I quickly realized the importance of having a good understanding of JavaScript and React before diving into Next.js. Part 2: Deep Dive into Next.js In Part 2 of my journey, I explored the advanced concepts of Next.js. I learned about compilation, minification, bundling, and code splitting. These topics may sound intimidating, but the Next.js documentation breaks them down into digestible pieces. I followed the step-by-step instructions to create and run my own Next.js app. Part 3: Building with Next.js In Part 3, I delved into building with Next.js. I discovered how easy it is to create pages and navigate between them using the Link component. The code splitting and prefetching capabilities of Next.js impressed me, ensuring that my app performs at its best. My experience with Next.js and React has been exciting and enlightening. I highly recommend diving into Next.js if you are interested in building powerful web applications. Stay tuned for more updates and insights on this incredible framework! ## Similar posts on daily.dev - [Don’t just attend KubeCon \+ CloudNativeCon, Merge Forward your experience\!](https://daily.dev/posts/don-t-just-attend-kubecon-cloudnativecon-merge-forward-your-experience--l0rpp73x8) · CNCF · 1 upvotes · 0 comments - [Announcing H2 2026 KCDs](https://daily.dev/posts/announcing-h2-2026-kcds-m96goajm1) · CNCF · 1 upvotes · 0 comments - [Two months of Open Community Groups](https://daily.dev/posts/two-months-of-open-community-groups-asf52zhbs) · CNCF · 0 upvotes · 0 comments - [CNCF Unveils Schedule for KubeCon \+ CloudNativeCon Europe 2026](https://daily.dev/posts/cncf-unveils-schedule-for-kubecon-cloudnativecon-europe-2026-ikhcoa5cb) · CNCF · 2 upvotes · 0 comments - [CNCF Debuts KubeCon \+ CloudNativeCon Japan 2026 Schedule](https://daily.dev/posts/cncf-debuts-kubecon-cloudnativecon-japan-2026-schedule-xp5pyudub) · CNCF · 1 upvotes · 0 comments --- Tags: [#webdev](https://daily.dev/tags/webdev), [#javascript](https://daily.dev/tags/javascript), [#react](https://daily.dev/tags/react), [#frontend](https://daily.dev/tags/frontend), [#nextjs](https://daily.dev/tags/nextjs) [View this post on daily.dev](https://daily.dev/posts/building-with-next-js---part-3-creating-and-navigating-pages-ezfbynv6f) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"Building with Next.js - Part 3: Creating and Navigating Pages","url":"https://daily.dev/posts/building-with-next-js---part-3-creating-and-navigating-pages-ezfbynv6f","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/building-with-next-js---part-3-creating-and-navigating-pages-ezfbynv6f"},"datePublished":"2024-04-09T17:14:19.684Z","dateModified":"2024-04-09T19:01:26.146Z","description":"Learn about the first experience with Next.js, including getting started, deep diving into advanced concepts, and building with Next.js.","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/0c1c622857faf2bebe873fd3dfa5c720?_a=AQAEufR","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/0c1c622857faf2bebe873fd3dfa5c720?_a=AQAEufR","isAccessibleForFree":true,"articleSection":"Collections","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"Collections","logo":"https://media.daily.dev/image/upload/s--fk_6ycEi--/f_auto,q_auto/v1780996001/logos/collections?_a=BAMAMiWQ0","url":"https://daily.dev/sources/collections"},"commentCount":0,"discussionUrl":"https://daily.dev/posts/building-with-next-js---part-3-creating-and-navigating-pages-ezfbynv6f","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":11},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"webdev,javascript,react,frontend,nextjs","timeRequired":"PT2M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Collections","item":"https://daily.dev/sources/collections"},{"@type":"ListItem","position":3,"name":"Building with Next.js - Part 3: Creating and Navigating Pages"}]} ```