Internal Linking
20-40 minIntermediate
Client-side transitions vs Server-side navigation.
Beginner Recommended
Static HTML
Anchor Tags.
1
Standard
1
<a href="/about.html">About Us</a>
Beginner Recommended
Next.js
Link Component.
1
Prefetching
1
Use <Link> for instant transitions.
2
import Link from 'next/link'
<Link href="/about">About</Link>
Beginner Recommended
React (Vite)
React Router.
1
Link
1
import { Link } from 'react-router-dom'
<Link to="/about">About</Link>
Beginner Recommended
Vue / Nuxt
NuxtLink.
1
Component
1
<NuxtLink to="/about">About</NuxtLink>
Beginner Recommended
SvelteKit
Standard A.
1
Anchor
1
SvelteKit intercepts <a> tags automatically.
2
<a href="/about">About</a>
Beginner Recommended
Astro
Standard A.
1
Anchor
1
Astro is MPA (Multi Page App) by default.
2
<a href="/about">About</a>
Intermediate Recommended
Laravel
Route Helper.
1
Named Routes
1
Use names so you can change URLs later.
2
<a href="{{ route('about') }}">About</a>
Intermediate Recommended
Rails
Link Helper.
1
link_to
1
<%= link_to "About", about_path %>
Intermediate Recommended
Django
URL Tag.
1
Tag
1
<a href="{% url 'about' %}">About</a>
Intermediate Recommended
Flask
url_for.
1
Jinja2
1
<a href="{{ url_for('about') }}">About</a>
Intermediate Recommended
ASP.NET Core
Tag Helpers.
1
Anchor Helper
1
<a asp-controller="Home" asp-action="About">About</a>
Easy Recommended
Go (Gin)
Hardcoded.
1
Standard
1
Usually just standard HTML anchors.
2
<a href="/about">About</a>
Intermediate Recommended
Java (Spring)
Thymeleaf.
1
Link Expression
1
<a th:href="@{/about}">About</a>
Verification Checklist
- Click Check