skills.rest
deomiarn
deomiarnCOMMUNITY
Explore all skills by this author →
GitHub

footer-configuration

Configure Next.js footer navigation links with i18n resources and sitemap data.

Updated Nov 18, 2025
Search Tags:#navigation#i18n#seo#footer#internal-linking
One-click install
npx skills add https://github.com/deomiarn/website-template --skill footer-configuration
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: footer-configuration
Source: https://github.com/deomiarn/website-template/tree/main/.claude/skills/footer-configuration
Command: npx skills add https://github.com/deomiarn/website-template --skill footer-configuration

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Ensures the footer includes all pages for crawlability and internal linking, with organized groups and i18n keys.

Core Features & Use Cases

  • Link Groups: Navigation, Services (optional), Legal, Social.
  • Contact Info: Add phone, email, address block.
  • i18n: Keys for navigation, services, legal, and contact in DE/EN.

Quick Start

Update the footer component with mapped links from the sitemap and translate labels in messages/de.json and messages/en.json.

Frequently Asked Questions about footer-configuration

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I configure a footer with internal links for SEO in Next.js?▼

Configure footer navigation links by reading sitemap data and mapping all pages into organized groups (Navigation, Services, Legal, Social) using Next.js Link components. Replace internal anchors, apply list styling with list-none and p-0, and ensure every page is included for crawlability and internal linking coverage.

Can I use multilingual i18n keys for footer link labels?▼

Yes. Add i18n keys for navigation, services, legal, and contact groups in separate locale files (de.json, en.json). The footer component reads these translation resources to display localized link labels across supported languages.

What pages should a footer include for complete SEO coverage?▼

Include Homepage, Services, About, Contact, Privacy, and Imprint pages organized into functional groups. This structure ensures all critical pages are discoverable through footer links, improves internal linking depth, and signals completeness to search crawlers.

How do I add contact information and branding to the footer?▼

Add phone, email, and address blocks alongside link groups and branding elements. The footer component accepts contact data as configuration, rendering it alongside organized navigation and social groups for a complete footer presence.

Does footer configuration work with dynamic sitemap data?▼

Yes. The footer component reads sitemap data dynamically and updates link structure automatically, eliminating manual page additions. This keeps footer links synchronized with your site structure as pages change.

What's the best way to organize footer links for navigation and SEO?▼

Group footer links by function (Navigation, Services, Legal, Social) rather than random order. This organization improves user experience, clarifies link hierarchy for search engines, and makes i18n translation management simpler.

Related Skills

Explore More Content & Communication Skills→
daffy0208daffy0208
34

localization-engineer

Implement i18n for Next.js apps with next-intl and JSON catalogs.

Community
Intermediate
REVREBELREVREBEL

internal-linking-optimizer

Analyze internal link architecture and deliver prioritized linking plans.

Official
Advanced
omeragaakbasomeragaakbas

site-architecture

Plan website hierarchies, navigation, URL structures, and internal linking.

Community
Intermediate
DexploarerDexploarer
6

translation-key-extractor

Extract hardcoded strings and generate dot-notated translation keys.

Community
Intermediate