flutter-setup-declarative-routing

Configure go_router declarative routing and deep linking in Flutter applications.

Updated Jun 26, 2026
One-click install
npx skills add https://github.com/yash-garg/pi-config --skill flutter-setup-declarative-routing-yash-garg
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: flutter-setup-declarative-routing
Source: https://github.com/yash-garg/pi-config/tree/main/skills/flutter-setup-declarative-routing
Command: npx skills add https://github.com/yash-garg/pi-config --skill flutter-setup-declarative-routing-yash-garg

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps developers configure robust Flutter navigation systems with URL-based routing, deep linking, and browser history support instead of relying on basic screen transitions.

Core Features & Use Cases

  • Declarative Router Setup: Configure MaterialApp.router with go_router for structured application navigation.
  • Deep Linking Configuration: Set up Android and iOS platform integrations for opening app routes from external URLs.
  • Nested Navigation Support: Implement persistent navigation shells such as bottom navigation layouts while preserving branch state.

Quick Start

Ask the Flutter routing skill to configure go_router navigation and deep linking for my application.

Frequently Asked Questions about flutter-setup-declarative-routing

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

FAQPage Schema
How do I configure go_router for declarative routing in Flutter?

Configuring go_router for declarative routing involves initializing MaterialApp.router to handle URL-based navigation. This approach replaces basic screen transitions, structuring your app's navigation flow around URL paths for predictable route management.

What is the best way to set up deep linking in a Flutter mobile and web app?

Setting up deep linking in a Flutter app requires configuring platform integrations for Android and iOS to open app routes from external URLs. This Skill handles router initialization and browser URL strategies to ensure links route correctly across mobile and web platforms.

How do I implement nested navigation with persistent bottom navigation in Flutter?

Implementing nested navigation with persistent bottom navigation in Flutter uses go_router to create navigation shells. This preserves branch state across tabs, ensuring users return to the exact screen state when switching between navigation branches.

Does go_router support navigation state preservation for browser history on Flutter web?

Yes, go_router supports navigation state preservation and browser history on Flutter web. By applying URL-based navigation strategies, it ensures browser back and forward buttons correctly track and restore the application's navigation state.

Why do I need URL-based navigation instead of basic screen transitions in Flutter?

URL-based navigation is needed instead of basic screen transitions to enable deep linking and browser history support in Flutter. It provides a structured, declarative routing system that allows external URLs to open specific app routes directly.