gluestack-ui Starter Kit

Welcome to the gluestack-ui Starter Kit! This project is designed to help you kickstart your application development with React and React Native. It supports both Next.js and Expo, providing a flexible and modular architecture.

Getting Started

Installation

1. Clone the repository:

git clone https://github.com/gluestack/gluestack-ui-starter-kits.git
cd gluestack-ui-starter-kits

2. Install dependencies:

Go to expo-app, next and universal folders and run the following command in each:

yarn

Running the Application

Next.js

To run the Next.js application, run the following command:

cd next && yarn dev

Expo

To run the Expo application, run the following command:

cd expo-app && yarn start

Universal

For the Expo app in the universal project, run the following command:

cd universal && yarn run:expo

For the Next.js app in the universal project, run the following command:

cd universal && yarn run:next

Project Structure

Next.js

• next: Contains the Next.js application along with components and screens.

Expo

• expo: Contains the Expo application along with components and screens.

Universal

• app/next: Contains the Next.js application.
• app/expo: Contains the Expo application.
• packages/components: Shared components used across platforms.
• packages/screens: Shared screens that can be used in both Next.js and Expo projects.
• packages/shared: Shared assets

Usage

You can copy the project of your choice (Next.js, Expo, or Universal) and start building your application. The starter kit provides a basic structure and shared components to help you get started quickly.

Ejection

If you have copied the universal project and want to eject the project, you can run the following command:

cd universal && yarn eject