만들 수 있는 것

SaaS

사람들이 찾아와서 회원가입하고, 매달 결제할 수도 있는 제품이에요. 앞에 있는 홈 페이지, 진짜 계정, 계정마다 따로 있는 데이터, 로그인할 수 있는 사람, Stripe로 요금제 결제 받기까지 다뤄요.

SaaS는 낯선 사람들이 쓰는 제품이에요. 사람들은 제품을 찾고, 무엇을 하는지 읽고, 회원가입하고, 자기 계정으로 그 안에서 일해요. 대개 월 요금을 내요. 그 뒤에 있는 앱만큼이나 앞문도 필요해요.

언제 선택하나요

대시보드의 입력창 위에 있는, 겹쳐 쌓은 층 모양의 SaaS를 고르세요.

웹 앱과 다른 점은 문이에요. 웹 앱은 나와 직원을 위해 곧바로 작업 화면으로 열려요. SaaS는 앞에 홈 페이지를 두고, 그다음에 회원가입, 그다음에 앱이 나와요.

원하는 것선택할 것
사람들이 찾아와 회원가입하고, 어쩌면 비용도 내는 제품SaaS
나나 직원이 쓰는 도구: 열면 곧바로 업무 화면이 나와요Web App
아직 나오지 않은 제품을 알리는 한 페이지Landing Page

요청하지 않아도 받는 것

  • 홈 페이지가 먼저 나와요. 제품이 무엇을 하는지, 무엇을 잘하는지, 시작하기 버튼이 있어요. 방문자는 계정 없이 읽을 수 있어요.
  • 헤더의 Sign in과 Get started는 진짜 로그인 화면과 회원가입 화면을 열어요: Continue with Google, 그리고 이메일과 비밀번호. 로그인하면 사람들은 앱으로 들어가고, 헤더에는 Sign out이 있어요.
  • 계정마다 자기 데이터가 있어요. 사람들이 입력한 내용은 Setherion의 데이터베이스에 저장되어, 새로고침한 뒤에도 어떤 기기에서든 그대로 있고, 다른 누구도 볼 수 없어요.
  • 저절로 나가는 이메일: 계정 확인, 비밀번호 재설정, 로그인 링크가 앱의 언어로 나가요.
  • 로그인 키트가 이미 다루는 계정 작업: 이메일 주소 변경(새 주소는 링크로 확인해요), 그 사람에게 이메일로 보낸 코드로 비밀번호 변경, 그리고 계정 삭제. 원하는 것을 설정 화면에 넣어 달라고 요청하세요.
  • 실제로 전송되는 폼, 예를 들어 홈 페이지의 문의 폼이에요. 모든 메시지는 Manage의 Cloud 아래 Forms에서 읽어요.
  • 컴퓨터뿐 아니라 휴대폰용 레이아웃도 있어요.

이렇게 요청하세요

제품이 무엇을 하는지, 누가 회원가입하는지, 각 계정이 무엇을 저장하는지 적으세요. 요금제를 알고 있다면 이름도 적으세요.

text
A SaaS for personal trainers to plan their clients' workouts: a home page
with three plans, sign-up with Google, and a dashboard of clients and sessions
text
A SaaS for freelance translators to track projects, deadlines and invoices,
with a free plan and a Pro plan at 9 euros a month
text
A habit tracker people sign up for: a home page that explains it, then
daily habits, streaks and a weekly chart for each account
text
A SaaS where small teams collect feedback from their customers: a form
to share, the answers in a list with tags, and a summary of each week

SaaS를 고르고 입력창을 비워 두면 그 아래에 아이디어가 나타나요. 하나를 누르면 바꿀 준비가 된 채로 입력창에 들어가고, 아이디어 옆의 화살표인 Other ideas는 더 많은 아이디어를 보여 줘요.

SaaS 아이디어 전체
  • Analytics
  • CRM
  • Project tracker
  • Invoicing
  • Scheduling
  • Helpdesk
  • Email campaigns
  • Form builder
  • Time tracking
  • Feedback board

로그인할 수 있는 사람

앱의 계정은 내가 관리해요. 에디터에서 Manage, Cloud, Users 순서로 여세요. 모든 계정이 거기에 나열되고, Sign-in settings가 누가 어떻게 참여할 수 있는지를 정해요. 변경은 게시된 앱에 바로 적용돼요.

설정하는 일
Allow new signups끄면 이미 있는 계정은 계속 쓸 수 있고, 새로 참여할 수 있는 사람은 없어요.
Email and password이메일 주소와 비밀번호로 로그인해요.
Google sign-inContinue with Google 버튼이에요.
Require email confirmation새 계정은 로그인하기 전에 받은편지함의 링크를 열어야 해요.
Sign-in links사람들이 이메일로 링크를 요청하고, 비밀번호 없이 그 링크로 로그인해요.

사람을 직접 추가할 수도 있어요. + Add user로 이메일 초대를 보내 본인이 비밀번호를 고르게 하거나, 내가 정한 비밀번호로 계정을 만들어 전달할 수 있어요.

이 방법들이 보내는 이메일은 Manage의 Cloud 아래 Emails에 있고, 거기서 하나씩 읽어 보고 나에게 테스트를 보낼 수 있어요. 도착하지 않으면 문제 해결과 자주 묻는 질문을 보세요.

요금제로 결제 받기

내가 이름 붙인 요금제는 첫 빌드부터 홈 페이지에 나와요. 그 요금제로 돈을 받는 일은 Stripe가 맡아요.

  1. Manage의 Payments에서 Stripe를 연결하세요.
  2. What this app sells 아래에서 각 요금제를 가격과 Monthly 또는 Yearly와 함께 추가하세요.
  3. 이렇게 요청하세요: “각 요금제 버튼이 Stripe 구독을 시작하게 해 주세요”

사람들은 Stripe 자체의 페이지에서 결제해요. 구독을 해지하거나 요금제를 바꾸려면 “계정 설정에 Manage subscription 버튼을 넣어 주세요”라고 요청하세요. 그 버튼은 해당 사람을 위한 Stripe 자체의 결제 관리 페이지를 열어 주고, 내가 따로 만들 것은 없어요. Stripe를 연결하기 전에는 요금제 버튼에 결제가 아직 설정되지 않았다고 표시돼요. 설정 단계와 결제 금액이 들어오는 곳은 온라인 스토어를 보세요.

내 것으로 만들기

하고 싶은 일요청하거나 할 일
화면 추가“고객별 이번 달 세션을 보여 주는 Reports 페이지를 추가해 주세요”
저장하는 내용 변경“각 프로젝트에 고객과 단어당 요금도 있게 해 주세요”
직원이 모든 계정의 레코드를 보게 하기Manage, Cloud, Users 순서로 열어서 그 사람들을 내 팀으로 표시하세요. 팀으로 일하기를 보세요.
내 이메일 보내기Resend나 Brevo를 연결한 다음 요청하세요: “번역이 전달되면 고객에게 이메일을 보내 주세요”
앱 안에서 AI 쓰기OpenAI, Claude, Gemini 중 하나를 연결한 다음 요청하세요: “고객의 최근 세션 세 번을 바탕으로 운동을 추천해 주세요”
내 주소 쓰기커스텀 도메인, 유료 요금제에서 쓸 수 있어요

알아 두세요

  • Apple은 사람들이 회원가입할 수 있는 앱을 계정도 삭제할 수 있을 때만 받아 줘요. 앱 스토어에 가기 전에 “Sign out 옆에 Delete account 버튼을 추가해 주세요”라고 요청하세요.
  • 요금제마다 레코드 수와, 게시된 앱이 그 레코드로 하는 작업에 대한 월간 사용량이 포함되어 있어요. 가격을 보세요.
  • Power Seth를 쓰면 SaaS에 저장되는 설정 화면, 목록의 검색과 필터, 모든 곳의 빈 상태와 로딩 상태와 오류 상태가 요청하지 않아도 들어가요. 빌드 모드를 보세요.

이 페이지가 도움이 됐나요?

커뮤니티 참여하기

질문, 아이디어, 그리고 다른 사람들이 만들고 있는 것.