Featured Tutorials

A collection of my best Flutter tutorials, organized by topic.

Featured Tutorials

Releasing Flutter Apps

Explore All
6 Key Steps to Take Before Releasing your Next Flutter App

6 Key Steps to Take Before Releasing your Next Flutter App

#dart
#flutter
#production

Prepare your Flutter app for launch with these 6 steps, including flavors and environments, error monitoring, force updates, and in-app reviews.

How to Release Your Flutter App on the iOS App Store

How to Release Your Flutter App on the iOS App Store

#dart
#flutter
#production

A step-by-step guide on how to publish your Flutter app, including metadata, compliance, privacy manifests, Xcode settings, and building your IPA file.

How to Release Your Flutter App on the Google Play Store

How to Release Your Flutter App on the Google Play Store

#dart
#flutter
#production

A reference guide for releasing your Flutter app on the Play Store, including app content, store listing, Android project settings, and code signing.

Explore All

App Architecture

Explore All
Flutter App Architecture with Riverpod: An Introduction

Flutter App Architecture with Riverpod: An Introduction

#dart
#flutter
#riverpod
#app-architecture
#design-patterns

Introducing a new Riverpod App Architecture that can be used to build scalable and maintainable apps with a clear structure.

A Comparison of Popular Flutter App Architectures

A Comparison of Popular Flutter App Architectures

#dart
#flutter
#riverpod
#app-architecture
#design-patterns

Comparing my Riverpod App Architecture with other popular ones such as MVC, MVVM, Bloc, Stacked, Clean Architecture, and Android App Architecture.

Flutter Project Structure: Feature-first or Layer-first?

Flutter Project Structure: Feature-first or Layer-first?

#dart
#flutter
#app-architecture

An overview of the feature-first and layer-first approaches when choosing a project structure for medium/large Flutter apps, along with their tradeoffs and common pitfalls.

Explore All

Flutter Riverpod

Explore All
Flutter Riverpod 2.0: The Ultimate Guide

Flutter Riverpod 2.0: The Ultimate Guide

#dart
#flutter
#state-management
#riverpod
#ultimate-guide

A complete guide to the Riverpod package as a reactive caching and data-binding framework. Fully updated to Riverpod 2.0.

Riverpod Data Caching and Providers Lifecycle: Full Guide

Riverpod Data Caching and Providers Lifecycle: Full Guide

#dart
#flutter
#state-management
#riverpod

Riverpod is a powerful reactive caching and data-binding framework. Let’s learn how to make the most of it so we can use it effectively.

How to Build a Robust Flutter App Initialization Flow with Riverpod

How to Build a Robust Flutter App Initialization Flow with Riverpod

#dart
#flutter
#state-management
#riverpod

Some useful Riverpod techniques you can use to initialize async dependencies, show some loading UI, and handle errors during app startup.

Explore All

Navigation and Routing

Explore All
Flutter Deep Linking: The Ultimate Guide

Flutter Deep Linking: The Ultimate Guide

#dart
#flutter
#navigation
#gorouter
#ultimate-guide

A step-by-step tutorial showing how to implement deep links in Flutter using GoRouter, including the native Android and iOS platform setup.

Flutter Bottom Navigation Bar with Stateful Nested Routes using GoRouter

Flutter Bottom Navigation Bar with Stateful Nested Routes using GoRouter

#dart
#flutter
#navigation
#gorouter

How to implement bottom and side navigation with stateful nested routes in Flutter using the GoRouter package (example app with source code included).

How to Navigate Without Context with GoRouter and Riverpod in Flutter

How to Navigate Without Context with GoRouter and Riverpod in Flutter

#dart
#flutter
#gorouter
#navigation
#riverpod

Let's explore some techniques to separate our business logic and navigation code from the UI, using GoRouter and Riverpod.

Explore All

Firebase

Explore All
How to Setup Flutter & Firebase with Multiple Flavors using the FlutterFire CLI

How to Setup Flutter & Firebase with Multiple Flavors using the FlutterFire CLI

#dart
#flutter
#firebase
#production

Learn how to set up Firebase for multiple flavors in your Flutter app using the FlutterFire CLI. This guide covers iOS, Android, and web configurations.

Firestore Pagination Made Easy with FirestoreListView in Flutter

Firestore Pagination Made Easy with FirestoreListView in Flutter

#dart
#flutter
#firebase
#firestore

A simple guide showing how to use the FirestoreListView widget to enable pagination when loading large collections of documents from Firestore.

Flutter & Firebase Auth on macOS: Resolving Common Issues

Flutter & Firebase Auth on macOS: Resolving Common Issues

#dart
#flutter
#firebase

Getting a Flutter & Firebase app to work on macOS is a tricky endeavour. Follow this step-by-step guide to get it working.

Explore All

Security

Explore All
How to Store API Keys in Flutter: --dart-define vs .env files

How to Store API Keys in Flutter: --dart-define vs .env files

#dart
#flutter
#security
#networking
#production

An overview of different techniques for storing API keys on the client, along with security best practices to prevent them from being stolen.

How to Secure API Keys with 2nd-Gen Cloud Functions and Firebase

How to Secure API Keys with 2nd-Gen Cloud Functions and Firebase

#firebase
#cloud-functions
#security

A step-by-step guide showing how to store API keys with the Google Secrets Manager, and access them securely inside 2nd-Gen Cloud Functions.

How to Build and Deploy a Dart Shelf App on Globe.dev

How to Build and Deploy a Dart Shelf App on Globe.dev

#dart
#flutter
#shelf
#security
#backend

Learn how to build and deploy a Dart Shelf App that taps into the OpenAI API without exposing the API key in your Flutter client.

Explore All

Productivity

Explore All
VSCode Shortcuts, Extensions & Settings for Flutter Development

VSCode Shortcuts, Extensions & Settings for Flutter Development

#dart
#flutter
#vscode
#productivity

A curated list of popular VSCode shortcuts, extensions & settings to speed-up your Flutter development workflow and code like a pro.

GitHub Copilot: Tips and Tricks for Flutter Devs

GitHub Copilot: Tips and Tricks for Flutter Devs

#dart
#flutter
#ai
#productivity

A tour of the new Copilot features. Learn how its AI assists with code, tests, and commits, and find out if it's right for your Flutter projects.

Useful Aliases for Flutter App Development

Useful Aliases for Flutter App Development

#dart
#flutter
#productivity

A collection of useful aliases to speed up your Flutter app development workflow.

Explore All

Animations

Explore All
Learn Flutter Animations by Example + Free Gallery App on GitHub

Learn Flutter Animations by Example + Free Gallery App on GitHub

#dart
#flutter
#animations

Learn how to use the most common Flutter animation APIs with examples and a free gallery app on GitHub.

Colors / Numbers Game with Flutter Implicit Animations

Colors / Numbers Game with Flutter Implicit Animations

#dart
#flutter
#animations

How to use animations in Flutter to spice up a fun game written in Dartpad. Learn about implicit animations, AnimatedAlign, duration and curves.

Flutter Animations: Interactive Page Flip Widget

Flutter Animations: Interactive Page Flip Widget

#dart
#flutter
#animations

How to build an interactive page flip widget using Flutter's AnimationController, AnimationBuilder, gesture detectors and custom 3D matrix transforms (part 1).

Explore All

All Tutorials

Articles

Browse all 94 articles

Videos

Browse all 35 videos

Tips

Browse all 105 tips