Link Navigations in Next JS | Mastering Next JS | Next JS Tutorials
Summary
This video teaches how to use Link navigation in Next.js to move between pages in a single-page application without reloading the entire page.
Highlights
🗺️ The video demonstrates how to configure links using the `next/link` component, replacing the standard `a` tag to maintain single-page application behaviour.
🧭 It shows how to link to specific sections of a page using a hash (`#`) and an ID, which allows you to scroll directly to that content.
💻 The video points out that the layout can be improved by creating separate components for repetitive elements, such as navigation links.
🎨 It mentions that in the upcoming video, they will cover the implementation of CSS modules and how to style the active link to make navigation more visually clear.
🔗 The speaker reminds viewers that all the code used in the video is available on their GitHub repository, which can be accessed using the link in the description.
Github link:
https://github.com/saikorthivada/next...
Telegram Link
https://t.me/techshareskk
Instagram
/ tech.share.skk
Playlist links
Angular Project
• User & Notes Management | Angular Project
Angular Tutorials Zero to Hero
• Angular Tutorials
Angular Unit Testing
• Angular Unit Testing
For Angular Reactive forms
• Angular Reactive forms
For Javascript Objects Series
• Javascript Objects
For Concepts of JavaScript
• Concepts of JavaScript
For Projects and POC
• Innovative Projects & Proof of Concepts
#webdevelopment #html #css #javascript