만들 수 있는 것
웹 앱
사람들이 로그인해서 그 안에서 일하는 도구예요. CRM, 예약, 청구서, 재고 같은 것이 있어요. 요청하지 않아도 Setherion이 만들어 주는 것, 데이터가 있는 곳, 팀과 공유하는 방법, 요청하는 방법을 알려 드려요.
웹 앱은 사람들이 읽는 것이 아니라 그 안에서 일하는 것이에요. 고객 목록, 이번 주 예약, 아직 내지 않은 청구서처럼요. 열면 곧바로 화면이 나타나고, 사람들이 입력한 내용을 저장하고, 사람마다 자기 계정으로 로그인해요.
언제 선택하나요
대시보드의 입력창 위에 있는 타일 모음에서 Web App을 고르거나, 요청에 도구의 이름을 적으세요. “CRM”, “…을 관리하는 앱”, “…용 대시보드” 같은 말이에요.
Web App은 한 가지를 내 요청의 말에 맡겨요. 앱이 팀이 일하는 도구인지, 낯선 사람들이 가입하는 제품인지예요.
| 원하는 것 | 선택할 것 |
|---|---|
| 나나 직원이 쓰는 도구: 열면 곧바로 업무 화면이 나와요 | Web App |
| 사람들이 찾아와 가입하고, 어쩌면 비용도 내는 제품: 먼저 홈 페이지, 그다음 계정, 그다음 앱 | SaaS |
| 방문자가 읽는 페이지 | 웹사이트 |
| 휴대폰을 먼저 생각해 만든 것, 아래쪽에 탭 막대가 있는 형태 | 모바일 앱 |
요청하지 않아도 받는 것
- 업무 화면이 가장 먼저 나와요. 앞에 마케팅 페이지는 없어요. 옆쪽 메뉴에 도구에 필요한 네 개에서 여섯 개의 섹션이 있고, 가장 중요한 섹션이 이미 열려 있어요.
- 처음부터 샘플 데이터가 있어서, 아무도 아무것도 입력하기 전에 도구가 작동하는 모습을 볼 수 있어요.
- 추가, 수정, 삭제가 모든 항목에 있고, 폼과 확인 창, 무슨 일이 일어났는지 알려 주는 메시지가 함께 와요.
- 진짜 계정이 있어요. 메뉴 아래쪽에서 Google로 로그인하거나 이메일과 비밀번호로 로그인할 수 있어요. 로그아웃 상태에서는 화면에 샘플 데이터가 보여요. 로그인하면 사람마다 자기 데이터만 보고, 보여 줄 내용이 생길 때까지는 빈 상태와 Add 버튼이 나와요.
- 데이터가 남아요. 사람들이 입력한 내용은 Setherion의 데이터베이스에 저장되어, 새로고침한 뒤에도, 어떤 기기에서도 그대로 있어요. 따로 설정할 것은 없어요.
- 휴대폰용 레이아웃도 컴퓨터용과 함께 제공돼요.
이렇게 요청하세요
도구가 무엇을 관리하는지, 그리고 사람들이 그것으로 무엇을 하는지 적으세요.
A CRM for a car repair shop: clients and their cars, repair jobs with a status,
parts used, and what each client owesA booking app for a hair salon: the stylists, their services and prices,
a calendar of appointments by day, and a list of clients with their historyAn invoicing app for a freelancer: clients, invoices with items and VAT,
paid and unpaid, and a dashboard of what came in each monthA stock app for a small warehouse: products with quantities and locations,
deliveries in and out, and an alert when something runs low이미 스프레드시트에 정리해 두었나요? + 버튼, Import an app, Spreadsheet 순서로 누르세요. 앱은 그 열을 중심으로 만들어지고, 행은 최대 300개가 앱의 첫 데이터가 돼요. 나머지는 나중에 Manage, Cloud, Database 순서로 열어서 넣을 수 있어요. 앱 가져오기를 보세요.
Web App을 고르고 입력창을 비워 두면, 그 아래에 아이디어가 나타나요. 하나를 누르면 바로 고칠 수 있는 상태로 입력창에 들어가고, 옆에 있는 화살표 Other ideas를 누르면 더 많은 아이디어가 나와요.
웹 앱 아이디어 전체
- Online shop
- Client portal
- Invoice board
- Booking system
- Inventory
- Job board
- Course platform
- Support desk
- Recipe library
- Event tickets
내 데이터
모든 웹 앱에는 Setherion에 마련된 데이터베이스가 함께 설정되어 있어요. 에디터에서 Manage, Cloud 순서로 열면 보고 관리할 수 있어요.
| 섹션 | 용도 |
|---|---|
| Database | 앱이 저장한 모든 레코드예요. 훑어보고, 하나를 수정하고, 하나를 추가하고, 카탈로그를 가져올 수 있어요. |
| Forms | 앱의 폼을 통해 사람들이 보낸 메시지예요. |
| Users | 앱에 계정이 있는 사람들과, 그들이 로그인하는 방식이에요. |
| Emails | 앱이 보내는 이메일이에요. 계정 확인, 비밀번호 재설정 같은 것이에요. |
| AI | 앱이 AI 제공업체에 보내는 호출이에요. 있는 경우에만 나와요. |
| Secrets | 앱이 호출하는 다른 서비스의 키로, 서버에 보관되고 앱의 코드에는 절대 들어가지 않아요. |
| Logs | 방문자가 겪은 오류, 로그인, 데이터 변경, 자동 수정이에요. |
| Usage | 앱의 데이터베이스와 연결이 얼마나 쓰이고 있는지예요. |
| Advanced settings | 앱을 내 Supabase로 옮기거나, 일시 중지하거나, 데이터를 지워요. |
각 페이지는 Cloud에서 설명해요.
요금제마다 레코드 수와, 게시된 앱이 그 레코드로 하는 작업에 대한 월간 사용량이 포함되어 있어요. Pricing을 보세요. 데이터를 내 데이터베이스에 두고 싶다면 Advanced settings에서 앱을 내 Supabase로 옮길 수 있어요.
팀으로 일하기
기본적으로 각 계정은 자기 레코드만 봐요. 사람마다 자기 목록을 관리하는 앱에는 이 방식이 맞아요. 직원들이 고객 목록 하나를 함께 쓰는 사업이라면, Manage, Cloud, Users 순서로 열어서 어떤 계정이 내 팀인지 표시하세요. 팀은 모든 레코드를 보고 수정할 수 있어요. 사람들을 이메일로 초대할 수 있고, 비밀번호는 각자 직접 정해요.
내 것으로 만들기
| 하고 싶은 일 | 요청하거나 할 일 |
|---|---|
| 화면 추가 | “스타일리스트별 이번 달 합계를 보여 주는 Reports 페이지를 추가해 주세요” |
| 저장하는 내용 변경 | “고객마다 전화번호와 메모도 있게 해 주세요” |
| 결제 받기 | Stripe를 연결한 다음 요청하세요: “고객이 카드로 청구서를 결제할 수 있게 해 주세요” |
| 이메일 보내기 | Resend나 Brevo를 연결한 다음 요청하세요: “수리가 끝나면 고객에게 이메일을 보내 주세요” |
| 앱 안에서 AI 쓰기 | OpenAI, Claude, Gemini 중 하나를 연결한 다음 요청하세요: “고객마다 이력 요약을 써 주세요” |
| 고객이 ChatGPT나 Claude에서 쓸 수 있게 하기 | 에이전트 연동 |
| 휴대폰에서 쓰기 | 홈 화면에 설치하거나 스토어에 올리세요: 앱 스토어에 게시하기 |
알아 두세요
- 샘플 데이터는 로그인하지 않은 사람에게만 보여요. 누군가 로그인하면 그 사람이 입력한 내용이 보이고, 두 가지가 섞이는 일은 없어요.
- 직원용 도구에는 홈 페이지가 필요 없어요. 사업 밖의 사람들이 찾아와 가입할 수 있게 하려면 SaaS를 고르세요.
- 사람들이 가입할 수 있는 앱은 Apple이 App Store에서 승인하기 전에, 계정을 삭제하는 방법이 있어야 해요. “Sign out 옆에 Delete account 버튼을 추가해 주세요”라고 요청하세요.
- Power Seth를 쓰면 웹 앱에 검색, 필터, 항목마다 하나씩 있는 페이지, 설정 화면, 모든 목록의 빈 상태와 로딩 상태와 오류 상태가 요청하지 않아도 들어가요. 빌드 모드를 보세요.
직접 보기
SlateBill
청구서 앱이에요. 매출을 한눈에 보고, 상태가 표시된 청구서와 고객을 볼 수 있어요. 샘플 데이터로 열려요.
이 페이지가 도움이 됐나요?
