React Native + CloudflareAI 모바일 앱 스타터 키트
사진 한 장에서 AI 분석 결과까지.
로그인, 구독, Cloudflare 백엔드가 이미 연결된 Expo 앱으로 바로 시작하세요.
사진 촬영부터 분석 결과까지 전체 흐름을 보여 주는 AI 칼로리 트래커가 포함되어 있습니다.
원하는 AI 앱에 맞게 수정해 사용하세요.
검증된 기술 스택으로 설계한 올인원 코드베이스
- React Native
- Cloudflare Workers · D1 · R2
- TypeScript
- Expo · Expo Router
- Hono
- Drizzle ORM
- Better Auth
- OpenAI
- RevenueCat
- Sentry
- Tailwind CSS · Uniwind
새 앱에 필요한 기반이
갖추어져 있습니다
인증, AI 사진 분석, 구독, 앱 필수 기능까지 모두 포함되어 있습니다.
- 이메일 코드 로그인
- Apple 로그인
- Google 로그인
- 인증 후 이메일 변경
- 프로필 편집
- 계정 삭제
- 카메라 · 사진 보관함
- AI 사진 분석
- 구조화된 JSON 결과
- 음식 인식
- R2 사진 저장
- 일별 식단 기록
- 영양 정보
- 무료 스캔 10회
- RevenueCat 페이월
- 구매 · 복원
- 구독 동기화
- Customer Center
- 라이트 · 다크 테마
- 영어 · 한국어 · 스페인어
- Sentry 모니터링
Nativeflare로 무엇을 만들 수 있을까요?
포함된 기능을 다른 앱에서 어떻게 재사용할 수 있을지 확인해 보세요.
영수증 트래커
- 로그인 · 사용자 프로필: 선택됨
- 카메라 · 사진 보관함: 선택됨
- AI 사진 분석: 선택됨
- 사진 저장: 선택되지 않음
- 일별 기록: 선택됨
- 무료 스캔 · 구독: 선택되지 않음
- 라이트 · 다크 테마: 선택되지 않음
- 다국어 지원: 선택됨
영양 정보 필드를 가맹점, 구매 날짜, 품목, 합계로 바꿉니다. 식단 기록을 구매 내역으로 바꾸고, 추출한 데이터만 저장합니다.
로그인부터 계정 관리까지
준비되어 있습니다
Better Auth가 Expo 앱과 Worker를 연결합니다. 사용자는 이메일 코드, Apple 계정(iOS), Google 계정으로 로그인할 수 있습니다. 프로필 편집, 인증 후 이메일 변경, 로그아웃, 계정 삭제 기능이 포함되어 있습니다.
이메일 코드는 Cloudflare Email Service로 발송합니다.
사진을 찍으면
구조화된 결과를 받습니다
포함된 예제에서는 음식 사진을 OpenAI에 보내 음식 이름, 칼로리, 단백질, 탄수화물, 지방, 재료를 JSON 형식으로 받아 옵니다. 결과는 일별 식단 기록에 저장되고, 사진은 R2에 저장됩니다.
지난 날짜 기록을 둘러보며 식단 상세를 확인하거나 항목을 삭제할 수 있습니다. 음식 이름은 앱에서 선택한 언어로 표시됩니다.
프롬프트와 스키마를 바꾸고, 저장 필드를 수정하고, 화면을 고쳐 내 앱으로 만드세요. 포함된 커스터마이징 가이드가 각 부분을 차례로 안내합니다.
무료 스캔에서
Pro 구독까지
예제에서는 사용자에게 무료 스캔 10회를 제공하고, 사용 횟수를 서버에서 관리합니다.
RevenueCat으로 페이월, 구매, 복원, 플랜 관리를 처리합니다. 웹훅과 구매 후 동기화로 구독 상태를 최신으로 유지합니다.
설정에서 라이트, 다크, 시스템 테마와 영어, 한국어, 스페인어를 선택할 수 있습니다. Sentry 연동으로 앱과 Worker의 오류를 모두 추적합니다.
한 번 내려받고
평생 소장하세요
- 01
AX School 가입
멤버십에 가입하고 Nativeflare를 포함한 모든 보일러플레이트를 평생 소장하세요.
- 02
GitHub 초대받기
GitHub 계정을 연결하고, 보일러플레이트 저장소 초대를 수락하세요.
- 03
코드 내려받기
git clone으로 코드를 가져와, 내 컴퓨터에서 바로 시작할 수 있습니다.
- 04
제품 만들기
환경 변수를 설정하고, 원하는 기능을 더해 제품을 완성하세요.
결과물로 증명하는 시대
AX School에서
Nativeflare 보일러플레이트는 AX School 멤버십 전용 콘텐츠이며, 개별 강의로는 판매하지 않습니다.
AX School
- AI 변화에 맞춰 계속 업데이트되는 실전 중심 강의
- 검증된 아키텍처를 갖춘 프로덕션 레디 보일러플레이트
- 니꼬쌤 큐레이션 리포트 · 심화 빌드 챌린지 · AX 커뮤니티 포함
FAQ
Nativeflare 보일러플레이트를 단독으로 구매할 수 있나요?
- 아니요. 이 보일러플레이트는 AX School 멤버십 전용 콘텐츠이며, 단독으로는 판매하지 않습니다.
- AX School 멤버십에 가입하시면 Nativeflare 보일러플레이트를 포함한 각종 보일러플레이트와 28개 이상의 신규 강의를 1년 동안 자유롭게 이용하실 수 있습니다.
- AX School에 대한 자세한 안내는 이 페이지(클릭)에서 확인하실 수 있습니다.
Nativeflare가 정확히 무엇인가요?
- AI 모바일 앱 개발을 단순화하기 위해 설계된 올인원 프리미엄 코드 패키지입니다.
- 인증, 계정 관리, AI 사진 분석, 구독 결제에 필요한 기능을 코드로 구현해, 반복되는 기본 작업을 줄이고 제품의 핵심 기능 개발에 집중할 수 있습니다.
어떤 기능이 포함되어 있나요?
- Nativeflare 보일러플레이트에는 다음의 기능이 포함되어 있습니다.
- 이메일 코드, Apple, Google 로그인 등 사용자 인증 기능
- 프로필 편집, 이메일 변경, 계정 삭제 등 계정 관리 기능
- 사진 촬영·선택, OpenAI 음식 사진 분석, 일별 식사 기록 등 AI 사진 분석 기능
- 무료 스캔 10회, RevenueCat 페이월, 구매·복원 등 구독 결제 기능
어떻게 사용하면 되나요?
- AX School 멤버십에 가입합니다.
- GitHub 계정을 연결하고 저장소 초대를 수락합니다.
git clone으로 코드를 내 컴퓨터에 내려받습니다.
- 환경 변수를 설정한 뒤, 내 서비스에 필요한 기능을 추가하여 자유롭게 사용합니다.
사용 중 질문이나 문제가 생기면 어디에 문의하나요?
- 보일러플레이트와 관련한 질문은 채널톡 및 멤버십 전용 커뮤니티를 통해 문의할 수 있습니다.
- 사용 중 발생한 오류에는 실행 환경, 오류 메시지, 재현 방법을 함께 남기면 더 빠르게 확인할 수 있습니다.
사전 개발 지식이 얼마나 필요한가요?
- React Native(Expo), TypeScript, Cloudflare Workers에 대한 기초 지식이 필요합니다.
각 기능을 개별적으로 사용할 수 있나요?
- 모듈식 구조로 설계되어 필요한 기능만 골라 내 서비스에 최적화할 수 있습니다.
다른 유사한 보일러플레이트나 스타터 키트과 비교했을 때 장점은 무엇인가요?
- 대부분의 보일러플레이트는 기본적인 프로젝트 구조와 몇 가지 필수 기능만 제공하는 데 그치는 반면, Nativeflare는 실제 프로덕션 환경에서 필요한 모든 요소를 포함하고 있습니다.
상업적 용도로 사용해도 되나요? 라이선스 정책은 어떻게 되나요?
- 네, 실제 프로젝트에 사용할 수 있도록 제작되었기 때문에 당연히 상업적 활용이 가능합니다.
- 단, 보일러플레이트 자체를 재판매하거나 재배포하는 것은 엄격히 금지됩니다.
보일러플레이트는 자주 업데이트되나요?
- 네. 제품 구현에 영향이 있는 변경 사항은 가급적 빠르게 반영할 예정입니다.
- 설치와 구현 과정에서 막히는 부분은 언제든 멤버십 커뮤니티에 질문할 수 있습니다.
보일러플레이트를 다운로드하면 30일 환불 보장이 사라지나요?
- 네 그렇습니다.
- 보일러플레이트는 구매와 동시에 효력이 발생하는 디지털 상품이기 때문에, 보일러플레이트를 다운로드 받는 경우 멤버십 30일 환불 보장 대상에서 제외됩니다.