React Native Pro

Build a Starter Kit + E-commerce App

Get Course

Setup Instructions

Follow these steps to set up your React Native Expo starter kit

1
Initialize Expo Project
Create a new Expo project with TypeScript and install Expo Router for navigation.
npx create-expo-app my-starter-kit --template blank-typescript
npx expo install expo-router
2
Configure Clerk Authentication
Install Clerk for authentication and set up OAuth in Clerk's dashboard. Create auth screens using React Hook Form and NativeWind.
npm install @clerk/clerk-expo
3
Set Up Hono.js Backend
Initialize Hono.js backend and configure Prisma with PostgreSQL.
npm init -y
npm install hono @prisma/client
npx prisma init
4
Add NativeWind Styling
Install and configure Tailwind CSS for React Native with NativeWind.
npm install nativewind
npm install --save-dev tailwindcss
5
Integrate UploadThing
Install UploadThing and set up file upload routes in Hono.js.
npm install @uploadthing/react
6
Configure State and Data
Install Zustand for state management and TanStack React Query for data fetching.
npm install zustand
npm install @tanstack/react-query
7
Set Up Resend for Emails
Install Resend and create email templates for transactional emails.
npm install resend
8
Test and Deploy
Test locally with Expo Go and Hono.js server. Deploy mobile app via Expo EAS and backend on Cloudflare Workers or Render.
expo start
npx expo build
Next Steps

Once you've completed the setup, explore the tech stack documentation to understand how each component works together, or check out the folder structure to understand the project organization.