How gluestack/gluestack-ui-starter-kits works
This is a gluestack-ui Starter Kit: a sample cross-platform application and reusable UI foundation for Next.js, Expo, and a universal workspace. A user enters through a platform route, sees authentication screens, and can navigate among dashboard, news-feed, and profile examples. The universal workspace centralizes shared screens and components; the standalone apps also carry platform-specific copies. Sampled screens display mostly local example content rather than a demonstrated backend or persistence layer. The tree and excerpts support route-to-screen and screen-to-UI relationships, but not all route wiring was sampled.
Main entry points: expo-app/app Expo routes · next/app Next routes · expo-app/app Universal Expo routes · next/app Universal Next routes
Components 25
Platform Apps
- Expo routes
expo-app/app - Next routes
next/app - Universal Expo routes
universal/apps/expo-app/app - Universal Next routes
universal/apps/next/app
Example Screens
- Authentication screens
universal/packages/screens/auth - Dashboard example
universal/packages/screens/dashboard/dashboard-layout/index.tsx - News feed
universal/packages/screens/news-feed/news-and-feed/index.tsx - Profile settings
universal/packages/screens/profile-screens/profile/index.tsx - Expo auth screens
expo-app/screens/auth - Expo dashboard
expo-app/screens/dashboard/dashboard-layout/index.tsx - Expo news feed
expo-app/screens/news-feed/news-and-feed/index.tsx - Expo profile
expo-app/screens/profile-screens/profile/index.tsx - Next auth screens
next/screens/auth - Next dashboard
next/screens/dashboard/dashboard-layout/index.tsx - Next news feed
next/screens/news-feed/news-and-feed/index.tsx - Next profile
next/screens/profile-screens/profile/index.tsx
Universal Packages
- Shared screens
universal/packages/screens - Shared components
universal/packages/components
UI Components
- Expo UI library
expo-app/components/ui - Next UI library
next/components/ui - Shared UI library
universal/packages/components/ui - Expo UI provider
expo-app/components/ui/gluestack-ui-provider/index.tsx - Next UI provider
next/components/ui/gluestack-ui-provider/index.tsx - Universal UI provider
universal/packages/components/ui/gluestack-ui-provider/index.tsx
Other components
- App user
Connections 39
- App user → Expo routes: opens app
- App user → Next routes: opens app
- App user → Universal Expo routes: opens app
- App user → Universal Next routes: opens app
- Expo routes → Expo auth screens: routes to
- Expo routes → Expo dashboard: routes to
- Expo routes → Expo news feed: routes to
- Expo routes → Expo profile: routes to
- Next routes → Next auth screens: routes to
- Next routes → Next dashboard: routes to
- Next routes → Next news feed: routes to
- Next routes → Next profile: routes to
- Universal Expo routes → Authentication screens: routes to
- Universal Expo routes → Dashboard example: routes to
- Universal Expo routes → News feed: routes to
- Universal Expo routes → Profile settings: routes to
- Universal Next routes → Authentication screens: routes to
- Universal Next routes → Dashboard example: routes to
- Universal Next routes → News feed: routes to
- Universal Next routes → Profile settings: routes to
- Authentication screens → Shared components: uses controls
- Dashboard example → Shared components: uses controls
- News feed → Shared components: uses controls
- Profile settings → Shared components: uses controls
- Expo auth screens → Expo UI library: renders controls
- Expo dashboard → Expo UI library: renders controls
- Expo news feed → Expo UI library: renders controls
- Expo profile → Expo UI library: renders controls
- Next auth screens → Next UI library: renders controls
- Next dashboard → Next UI library: renders controls
- Next news feed → Next UI library: renders controls
- Next profile → Next UI library: renders controls
next/screens/profile-screens/profile/index.tsx - Shared screens → Dashboard example: exports screen
universal/packages/screens/dashboard/dashboard-layout/index.tsx - Shared screens → News feed: exports screen
universal/packages/screens/news-feed/news-and-feed/index.tsx - Shared screens → Profile settings: exports screen
universal/packages/screens/profile-screens/profile/index.tsx - Shared components → Shared UI library: provides controls
- Expo UI provider → Expo UI library: configures UI
- Next UI provider → Next UI library: configures UI
- Universal UI provider → Shared UI library: configures UI