diff --git a/website/docs/guides-overview.mdx b/website/docs/guides-overview.mdx new file mode 100644 index 0000000000..a658174e51 --- /dev/null +++ b/website/docs/guides-overview.mdx @@ -0,0 +1,86 @@ +--- +title: Tutorials and guides overview +description: "An overview of Unleash tutorials and best-practice guides to help you explore what's available and find the right resources for building, releasing, and managing features with confidence." +displayed_sidebar: documentation +--- + +This overview helps you explore our hands-on tutorials and best-practice guides. Each section groups resources around a specific theme, helping you build, ship, and scale features with confidence. + +If you're new to Unleash, start with our [Quickstart](/quickstart) guide to set up your environment, then choose a track below based on what you're building. + +--- +## Feature management best practices + +**Learn how to design a clean, maintainable feature flag system** + +These best practices guides show you how to design a secure, scalable feature flag system, operate it at enterprise scale, and migrate safely from a homegrown setup to Unleash. + +Learn more: +- [Building and scaling feature flag systems](/topics/feature-flags/feature-flag-best-practices) +- [Using feature flags at scale](/topics/feature-flags/best-practices-using-feature-flags-at-scale) +- [Migrating from homegrown feature management solutions](/topics/feature-flag-migration/feature-flag-migration-best-practices) + +--- +## Development and release workflows + +**Integrate feature flags into your daily development flow** + +From trunk-based development to gradual rollouts, these tutorials show how to release new features safely, automate schedules, and keep control over how your features reach production. + +Learn more: +- [Create a feature flag](/how-to-create-feature-flag) +- [Schedule a feature release](/how-to/how-to-schedule-feature-releases) +- [Trunk-based development](/feature-flag-tutorials/use-cases/trunk-based-development) +- [Gradual rollout](/feature-flag-tutorials/use-cases/gradual-rollout) +- [Unleash Edge quickstart](/how-to/unleash-edge-quickstart) + +--- +## Enterprise-grade security and scale + +**Operate Unleash confidently across large codebases, distributed teams, and complex enterprise environments** + +Build an enterprise-ready feature management platform with Unleash that's clean, secure, and scalable. +Learn how to set up single sign-on and SCIM for authentication, configure role-based access controls, enable change management workflows, and implement auditing to keep your teams compliant and in control. + +Learn more: +- [User management, access controls, and auditing](/feature-flag-tutorials/use-cases/user-management-access-controls-auditing) +- [Security and compliance](/feature-flag-tutorials/use-cases/security-and-compliance) +- [Scaling Unleash](/feature-flag-tutorials/use-cases/scaling-unleash) +- [Managing feature flags in code](/feature-flag-tutorials/use-cases/manage-feature-flags-in-code) +- [Organizing feature flags using projects and environments](/feature-flag-tutorials/use-cases/organize-feature-flags) + +--- +## Experimentation and analytics + +**Turn your releases into learning loops** + +Combine feature flags with analytics to measure impact across business, engineering, and user experience. Learn how to run experiments, capture impression data, and evaluate AI features safely. + +Learn more: +- [A/B testing](/feature-flag-tutorials/use-cases/a-b-testing) +- [Feature flags for AI](/feature-flag-tutorials/use-cases/ai) +- [Use impression data for analytics](/feature-flag-tutorials/use-cases/how-to-capture-impression-data) + +--- +## Language and framework examples + +**See Unleash in action across your stack** + +Step-by-step examples for React, Java, Python, and other SDKs show you how to connect, configure, and evaluate feature flags in real applications. + +**Frontend SDKs** +- [React](/feature-flag-tutorials/react) +- [JavaScript](/feature-flag-tutorials/javascript) +- [Next.js](/feature-flag-tutorials/nextjs) +- [SvelteKit](/feature-flag-tutorials/sveltekit) +- [Flutter](/feature-flag-tutorials/flutter/a-b-testing) +- [iOS](/feature-flag-tutorials/ios) + +**Backend SDKs** +- [Java](/feature-flag-tutorials/java) +- [Python](/feature-flag-tutorials/python) +- [Go](/feature-flag-tutorials/go) +- [.NET](/feature-flag-tutorials/dotnet) +- [Ruby](/feature-flag-tutorials/ruby) +- [Rust](/feature-flag-tutorials/rust) +- [Serverless](/feature-flag-tutorials/serverless/lambda) \ No newline at end of file diff --git a/website/sidebars.ts b/website/sidebars.ts index 0bcd527d22..a2c906e554 100644 --- a/website/sidebars.ts +++ b/website/sidebars.ts @@ -188,6 +188,10 @@ const sidebars: SidebarsConfig = { { label: 'Tutorials and guides', type: 'category', + link: { + type: 'doc', + id: 'guides-overview', + }, items: [ { label: 'Feature management best practices', diff --git a/website/src/components/Homepage/HomepageCards.tsx b/website/src/components/Homepage/HomepageCards.tsx index 04dbaca4b8..c6448b4eaf 100644 --- a/website/src/components/Homepage/HomepageCards.tsx +++ b/website/src/components/Homepage/HomepageCards.tsx @@ -18,7 +18,7 @@ const cardsData = [ description: 'Explore best practices and step-by-step tutorials to help you integrate Unleash into your stack.', icon: , - href: '/topics/feature-flags/feature-flag-best-practices', + href: '/guides-overview', }, { title: 'SDKs',