FLUTTER ECOSYSTEM

itsezlife/flutter-instagram-offline-first-clone

使用 PowerSync 和 Supabase 的完整离线优先架构的生产就绪 Flutter Instagram 克隆。支持帖子、动态、短视频、聊天和实时同步。包含 24 小时 YouTube 教程。非常适合学习企业级 Flutter 开发、BLoC 模式和离线优先设计。🚀

在 GitHub 查看 ↗

flutter-instagram-offline-first-clone 项目封面

Stars: 264
Forks: 97
最近推送（UTC）: 2025年12月8日
项目状态: 未归档

GITHUB User

Emil Zulufov (ezIT) ↗

Mobile software engineer. Enter real-world here...

Kazakstan官方网站 ↗

语言DartPLpgSQLC++ShellCMakeHTMLRubyCSwiftKotlinObjective-C

使用的依赖

依赖清单 68 项

animations^2.0.11
app_ui{"path":"packages/app_ui"}
async^2.11.0
bloc^9.1.0
cached_memory_image^1.5.0
cached_network_image^3.4.1
carousel_slider^5.1.1
chats_repository{"path":"packages/chats_repository"}
collection^1.18.0
database_client{"path":"packages/database_client"}
env{"path":"packages/env"}
equatable^2.0.7
fast_immutable_collections^10.2.4
firebase_core^4.2.0
firebase_messaging^16.0.3
firebase_notifications_client{"path":"packages/notifications_client/firebase_notifications_client"}
firebase_remote_config_repository{"path":"packages/firebase_remote_config_repository"}
flex_color_scheme^8.3.1
flutter{"sdk":"flutter"}
flutter_animate^4.5.2
flutter_bloc^9.1.1
flutter_localizations{"sdk":"flutter"}
flutter_markdown_plus^1.0.5
flutter_portal^1.1.4
flutter_staggered_grid_view^0.7.0
form_fields{"path":"packages/form_fields"}
go_router^14.2.7
google_sign_in^6.3.0
hydrated_bloc^10.1.1
insta_blocks{"path":"packages/insta_blocks"}
instagram_blocks_ui{"path":"packages/instagram_blocks_ui"}
intl^0.20.2
inview_notifier_list{"git":"https://github.com/Gambley1/inview_notifier_list"}
json_annotation^4.9.0
lottie^3.1.2
notifications_repository{"path":"packages/notifications_repository"}
ogp_data_extract^0.2.2
palette_generator^0.3.3+3
path_provider^2.1.5
persistent_storage{"path":"packages/storage/persistent_storage"}
posthog_flutter^4.5.0
posts_repository{"path":"packages/posts_repository"}
powersync_repository{"path":"packages/powersync_repository"}
scroll_to_index^3.0.1
scrollable_positioned_list^0.3.8
search_repository{"path":"packages/search_repository"}
shared{"path":"packages/shared"}
shimmer^3.0.0
sliver_tools^0.2.12
sprung^3.0.1
stories_editor{"path":"packages/stories_editor"}
stories_repository{"path":"packages/stories_repository"}
story_view^0.16.5
styled_text{"git":{"ref":"91272c4779123570a642b19f96214adef2e850b4","url":"https://github.com/Maatteogekko/styled_text_package","path":"styled_text"}}
supabase_authentication_client{"path":"packages/authentication_client/supabase_authentication_client"}
timeago^3.7.1
token_storage{"path":"packages/authentication_client/token_storage"}
url_launcher^6.3.2
user_repository{"path":"packages/user_repository"}
vector_math^2.1.4
visibility_detector^0.4.0+2
bloc_test开发依赖^10.0.0
build_runner开发依赖^2.6.0
build_verify开发依赖^3.1.1
flutter_test开发依赖{"sdk":"flutter"}
json_serializable开发依赖^6.11.1
mocktail开发依赖^1.0.4
very_good_analysis开发依赖^9.0.0

所在榜单

Architecture#64

原始 README

以下为英文项目原文快照，最新内容请访问 GitHub。

展开 / 收起项目 README

Most people always wanted to see a Flutter project that is not just a clone but a real-world app with a real-world architecture, that will cover all-in-one: sleek UI with blazingly-fast backend. And, try to imagine, without a Firebase as a primary service…

I present for you Flutter offline-first Instagram clone, leveraging Flutter best practices!

I am 100% sure this project and guide will impress you, regardless of your current experience.

It's not just another Instagram clone... You will learn comprehensively everything and beyond to be a real-world app creator.

This repository will enhance your skills so much that after you will be fully-capable of building your very own comprehensive applications with confidence and no fear.

Moreover, you are going to learn how to create a completely offline-first application. It means that every single in-app feature is accessible with no internet connection!

⚡️ Built With

🚀 Getting Started

Watch my free complete tutorial on my channel!

With a step-by-step explanation, ensuring very smooth watching experience, you will learn to build Flutter real-world applications with confidence and no fear!

⚠️ Important Notice

The tutorial was recorded more than 1 year ago, so some code and Flutter SDK versions may differ from the current repository state.

📋 For the latest setup instructions and migration guide, please refer to MIGRATION.md which contains:

Updated Flutter SDK 3.35.7 setup instructions
FVM (Flutter Version Management) recommendations
Latest dependency versions and breaking changes
Step-by-step migration guide from older versions

Always use the latest main branch of this repository as the source of truth, rather than following the tutorial code exactly.

Don't forget to give a video like and subscribe to the channel! Thanks!

⭐️ Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!

Fork the Project
Create your Feature Branch (git checkout -b feature/AmazingFeature)
Commit your Changes (git commit -m 'Add some AmazingFeature')
Push to the Branch (git push origin feature/AmazingFeature)
Open a Pull Request

📝 License

Distributed under the MIT License. See MIT License for more information.

💭 Contact

Twitter - @Emil Zulufov (ezIT)
Email - emilzulufov.commercial@gmail.com

Project Link: https://github.com/Gambley1/flutter_instagram_offline_first_clone

🎯 Acknowledgments

This tutorial is highly inspired by a very popular Flutter News toolkit, make sure to check it out!

And you can watch my blog on medium.

☕️ Support

Also, I would really appreciate any of your support! You can buy me a coffee and become a part of our beautiful community.

Your donation will hugely help me and it will allow me to keep the next beautiful videos and tutorials high-quality and free!

Ko-fi
PayPal