|
1 |
| ---- |
2 |
| -title: 'Introduction: The Flutter News App Toolkit' |
3 |
| -description: A complete, production-ready toolkit for building a cross-platform news application. |
4 |
| -template: splash |
5 |
| -hero: |
6 |
| - tagline: Your full-stack solution for launching a professional news platform. Includes a Flutter mobile app, a web-based dashboard, and a powerful Dart Frog backend. |
7 |
| - image: |
8 |
| - file: ../../../assets/houston.webp |
9 |
| - actions: |
10 |
| - - text: Start Local Setup |
11 |
| - link: /getting-started/local-setup/ |
12 |
| - icon: right-arrow |
13 |
| - - text: View on GitHub |
14 |
| - link: https://github.com/flutter-news-app-full-source-code |
15 |
| - icon: external |
16 |
| - variant: minimal |
17 |
| ---- |
18 |
| - |
19 |
| -import { Card, CardGrid, LinkButton } from '@astrojs/starlight/components'; |
20 |
| - |
21 |
| -## A Complete, Production-Ready Ecosystem |
22 |
| - |
23 |
| -Welcome to the Flutter News App Full Source Code Toolkit. This is more than just an app template; it's a complete, three-part ecosystem designed to work seamlessly together, giving you everything you need to launch, manage, and scale a modern news application. |
24 |
| - |
25 |
| -<CardGrid> |
26 |
| - <Card title="Mobile Client App" icon="phone"> |
27 |
| - A feature-rich Flutter application for iOS and Android that delivers a beautiful, intuitive news reading experience to your users. |
28 |
| - <br /><br /> |
29 |
| - <LinkButton href="https://flutter-news-app-full-source-code.github.io/flutter-news-app-mobile-client-full-source-code/" target="_blank">View Live Demo</LinkButton> |
30 |
| - <a href="https://github.com/flutter-news-app-full-source-code/flutter-news-app-mobile-client-full-source-code" target="_blank" style={{ marginLeft: '1rem', fontSize: '0.875rem' }}>Browse on GitHub</a> |
31 |
| - </Card> |
32 |
| - <Card title="Web Dashboard" icon="laptop"> |
33 |
| - A comprehensive Flutter web app for administrators and publishers to manage content, configure app settings, and view key analytics. |
34 |
| - <br /><br /> |
35 |
| - <LinkButton href="https://flutter-news-app-full-source-code.github.io/flutter-news-app-web-dashboard-full-source-code/" target="_blank">View Live Demo</LinkButton> |
36 |
| - <a href="https://github.com/flutter-news-app-full-source-code/flutter-news-app-web-dashboard-full-source-code" target="_blank" style={{ marginLeft: '1rem', fontSize: '0.875rem' }}>Browse on GitHub</a> |
37 |
| - </Card> |
38 |
| - <Card title="API Server" icon="cloud"> |
39 |
| - A high-performance backend built with Dart Frog, providing robust APIs for authentication, data management, and remote configuration. |
40 |
| - <br /><br /> |
41 |
| - <a href="https://github.com/flutter-news-app-full-source-code/flutter-news-app-api-server-full-source-code" target="_blank" style={{ fontSize: '0.875rem' }}>Browse on GitHub</a> |
42 |
| - </Card> |
43 |
| -</CardGrid> |
44 |
| - |
45 |
| -### Built for Quality and Maintainability |
46 |
| - |
47 |
| -This toolkit is built on a foundation of clean architecture and modern best practices. By separating concerns into a layered backend, a powerful admin dashboard, and a user-facing mobile client, you get a system that is robust, scalable, and easy to maintain. |
48 |
| - |
49 |
| -### Next Steps |
50 |
| - |
51 |
| -Ready to get started? Our local setup guides will walk you through running the entire ecosystem on your machine. |
52 |
| - |
53 |
| -<div style={{ display: 'flex', gap: '1rem', marginTop: '1.5rem' }}> |
54 |
| - <LinkButton href="/getting-started/local-setup"> |
55 |
| - Begin Local Setup |
56 |
| - </LinkButton> |
57 |
| - <LinkButton href="/deployment/api-server" variant="secondary"> |
58 |
| - See Deployment Guides |
59 |
| - </LinkButton> |
60 |
| -</div> |
0 commit comments