itsezlife/flutter-instagram-offline-first-clone
PowerSync 및 Supabase를 사용한 완전한 오프라인 우선 아키텍처를 갖춘 프로덕션 준비형 Flutter 인스타그램 클론입니다. 게시물, 스토리, 리얼, 채팅 및 실시간 동기화 기능을 포함합니다. 24시간 YouTube 튜토리얼도 제공됩니다. 엔터프라이즈급 Flutter 개발, BLoC 패턴, 오프라인 우선 설계 학습에 이상적입니다. 🚀
- Stars
- 264
- Forks
- 97
- 최근 푸시(UTC)
- 2025. 12. 8.
- 프로젝트 상태
- 활성
Emil Zulufov (ezIT) ↗
기술 주제
사용 중인 의존성
의존성 목록 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
순위
원본 README
아래는 영문 원문 스냅샷입니다. 최신 내용은 GitHub에서 확인하세요.
README 펼치기 / 접기
Flutter Instagram offline-first Clone
coverage style: very good analysis License: MIT
💫 About The Project
https://raw.githubusercontent.com/itsezlife/flutter-instagram-offline-first-clone/HEAD/screenshots/cover.pngMost 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!