커스텀 도메인으로 사이트 출시하기

구매 시작

Project → Settings → Domains로 이동해 Buy new domain을 클릭합니다.

도메인 선택

이름을 검색하거나 제안 중 하나를 선택합니다. 가격은 연 단위 미국 달러로 표시됩니다.

기간과 갱신 선택

Complete your order page에서 다음을 진행합니다.

• 도메인을 등록할 기간을 선택합니다. dropdown은 기본적으로 1 year term을 표시하며, 대부분의 domain extension(.com 같은 끝부분)은 최대 10년까지 허용합니다.
• 결제 전에 표시되는 예상 renewal price와 date를 확인합니다.
• 도메인이 자동 갱신되어 사이트가 계속 online 상태를 유지하도록 Auto-renew를 켜 둡니다.

등록 세부 정보 입력

1. Registration details를 클릭합니다.
2. 전 세계 domain registration을 관리하는 ICANN이 요구하는 연락처 정보를 입력합니다.
3. Save를 클릭합니다.

이 정보가 완료될 때까지 Confirm purchase는 비활성화됩니다. 나중에 Workspace settings → Workspace domains에서 변경할 수 있습니다.

checkout 완료

1. Confirm purchase를 클릭합니다. Lovable이 Stripe로 보냅니다.
2. Stripe에서 결제합니다. Lovable이 Domains tab으로 되돌리고 dialog가 Registering domain과 이어서 Domain registered를 표시합니다.
3. Done을 클릭합니다.

그런 다음 Lovable이 도메인을 등록하고, DNS record를 만들고, SSL certificate를 설정하고, yourdomain.com과 www.yourdomain.com을 모두 프로젝트에 연결합니다. 다른 곳에서 설정을 바꿀 필요가 없습니다.

registrant email 확인

ICANN은 registrant email address 확인을 요구합니다. 해당 주소가 이미 Lovable 계정에서 verified 상태라면 Lovable이 대신 확인하므로 이 단계를 건너뛸 수 있습니다. 그렇지 않으면 Lovable이 verification link를 이메일로 보냅니다. 이메일의 deadline 전에 클릭하세요. 클릭하기 전까지 domain은 Action required로 표시되며, deadline이 지나면 Suspended로 표시되고 사이트 제공을 중단합니다.

status가 Live로 표시될 때까지 대기

Lovable이 도메인을 구성하는 동안 domain은 Pending으로 표시됩니다. 설정은 보통 30분 안에 완료되지만 하루까지 걸릴 수 있습니다. 약 30분 뒤에도 Pending이면 Taking longer than usual note와 Check status 버튼이 표시됩니다. 몇 시간이 지나도 설정이 완료되지 않으면 Lovable Support에 문의하세요. status가 Live로 표시되면 live site 테스트로 이동합니다.

도메인 입력

1. Project → Settings → Domains로 이동합니다.
2. Connect existing domain 아래에서 Connect domain을 클릭합니다.
3. yourdomain.com 또는 app.yourdomain.com 같은 도메인이나 subdomain을 입력하고 Continue를 클릭합니다.

연결 구성

1. Root domain(bare address, yourdomain.com) 또는 Subdomain(app.yourdomain.com 같은 prefix가 있는 주소)을 선택합니다.
2. root domain의 경우 방문자가 www를 입력해도 사이트에 도달하도록 Redirect www.yourdomain.com → yourdomain.com option을 켜 둡니다. Lovable은 www.yourdomain.com도 연결하고 별도 domain으로 나열합니다.
3. Connect domain을 클릭합니다. 해당 domain이 이미 다른 프로젝트에 연결되어 있으면 Lovable이 계속하기 전에 확인을 요청합니다.

DNS setup window 열기

다음 동작은 무엇을 연결했는지에 따라 달라집니다.

• www redirect가 켜진 root domain: Lovable이 Domains created를 확인하고 dialog를 닫습니다. 두 domain 모두 Action required status로 목록에 표시됩니다. 각 domain 옆의 Complete setup을 클릭해 DNS setup window를 엽니다.
• 단일 주소(subdomain 또는 www redirect를 끈 root domain): DNS setup window가 즉시 열립니다.

setup window의 단계를 완료할 때까지 창을 열어 두세요. setup method를 선택하기 전에 닫으면 Lovable이 domain을 제거하므로 다시 연결해야 합니다. 이후에 닫으면 domain은 Action required로 남고 Complete setup이 window를 다시 엽니다.

DNS record 추가

setup window는 record를 추가하는 두 가지 방법을 제공합니다.

• Automatic setup: Lovable이 domain provider를 감지하고 provider login을 요청합니다. update를 authorize하면 Lovable이 record를 추가합니다.
• Manual setup: 별도 browser tab에서 DNS provider에 아래 두 record를 직접 추가한 뒤 setup window의 단계를 마칩니다. setup window는 copy button이 있는 record를 표시하며, domain이 Verifying인 동안 Project → Settings → Domains의 domain 아래에도 같은 Type, Name, Value table이 남습니다. 이 두 record만 추가하고 나머지는 그대로 두세요. 특히 domain email을 계속 동작하게 하는 MX record는 유지합니다. 같은 name의 기존 A, AAAA, CNAME record가 있다면 제거하세요. 이들은 주소를 이전 host로 보내 방문자를 잘못된 곳으로 보냅니다. 특히 AAAA record는 domain을 IPv6 주소로 가리키는 새 internet address type이며 설정을 방해합니다.

두 record에는 다음 값을 입력합니다.

일부 provider는 name으로 @를 받지 않습니다. Amazon Route 53처럼 field를 비워 두거나 전체 domain을 입력하세요. A record 값 185.158.133.1이 이미 DNS settings에 있다면 이는 이전 host가 아니라 Lovable입니다.

www redirect를 유지했다면 www.yourdomain.com은 자체 setup window와 자체 record 두 개를 가진 별도 domain입니다. www라는 A record와 _lovable.www라는 TXT record를 추가하고, 해당 domain의 setup window에 있는 lovable_verify= 값을 사용합니다. 이 단계와 다음 단계를 반복하세요.

record가 live인지 확인

domain 옆의 Check status를 클릭합니다. Lovable이 즉시 record를 조회하고 notification으로 결과를 알려줍니다.

• Domain verified: record가 올바릅니다. domain은 Setting up으로 이동하거나 해당 주소의 certificate가 이미 있으면 바로 Live가 됩니다.
• DNS records not configured correctly: Lovable이 대신 찾은 값을 나열합니다. record를 수정하고 다시 확인하세요.
• Hold on, we just checked this: 약 5분 기다린 뒤 다시 시도하세요.

프로젝트 채팅에서 Lovable에 domain에 대해 물어볼 수도 있습니다. Lovable은 기대하는 record와 현재 볼 수 있는지 여부를 알려줍니다.

status가 Live로 표시될 때까지 대기

DNS 변경은 모든 network에 도달하는 데 시간이 걸립니다. 많은 provider는 몇 분 안에 적용하고, 대부분의 변경은 몇 시간 안에 live 상태가 되며, 일부는 최대 72시간이 걸립니다. domain status는 진행 상황을 보여줍니다.

• record가 적용되는 동안 Verifying입니다.
• Lovable이 SSL certificate를 발급하는 동안 Setting up입니다. 사이트를 열기 전에 Live를 기다리세요. certificate가 준비되기 전에는 브라우저가 앱 대신 security warning을 표시합니다.
• domain에서 사이트가 제공되면 Live입니다. live site 테스트로 이동합니다.

status가 대신 Unable to verify로 바뀌면 domain status가 Verifying에서 Unable to verify로 바뀌었습니다를 참조하세요. record가 72시간 동안 도착하지 않는 domain은 Removed로 표시되며 Reconnect 버튼으로 다시 시작할 수 있습니다.

transfer 시작

1. Workspace settings → Workspace domains로 이동해 Transfer in을 클릭합니다.
2. root domain을 입력하고 Check를 클릭합니다.

Lovable은 domain을 transfer할 수 있는지 확인합니다. locked domain, 60-day rule, root domain이 아닌 subdomain 등 막는 항목이 있으면 현재 registrar에서 무엇을 수정해야 하는지 설명합니다. 일부 domain extension은 전혀 transfer할 수 없습니다.

transfer form 작성

check를 통과하면 같은 window에 나머지 form이 나타납니다.

• Authorization code: 현재 registrar의 code를 붙여 넣습니다.
• Registration details: ICANN이 요구하는 연락처 정보를 입력합니다.
• Keep your DNS records: Lovable이 domain에서 찾은 record를 모두 선택된 상태로 나열합니다. transfer 후에도 email과 다른 서비스가 계속 동작하도록 선택된 상태로 둡니다. Lovable은 common record name만 조회할 수 있으므로 목록이 불완전할 수 있습니다. 빠진 항목은 transfer 후 추가합니다.
• Auto-renew: domain이 자동 갱신되도록 켜 둡니다. row에는 연간 renewal price가 표시됩니다.

footer에는 transfer price와 대부분 extension에서 1년인 추가 registration이 표시됩니다.

결제 및 transfer 시작

1. Continue to checkout을 클릭합니다. Lovable이 Stripe로 보냅니다.
2. Stripe에서 결제합니다. Lovable이 Workspace domains로 되돌리고 Transfer started를 확인합니다.

domain은 목록에 먼저 Setting up transfer로, 이후 Transferring으로 표시됩니다.

transfer 완료 대기

현재 registrar는 며칠 안에 domain을 release합니다. 그동안 웹사이트와 email은 현재 registrar에서 계속 동작합니다. status가 Action needed로 바뀌면 domain을 열어 이유를 확인하세요. 취소하려면 status가 Transferring 또는 Action needed일 때 Workspace domains에서 domain을 열고 Cancel transfer를 클릭합니다. registry가 취소를 허용하면 Lovable이 payment를 refund합니다. transfer가 이미 registry에 있으면 취소가 적용되지 않고 transfer가 계속됩니다.

transfer가 완료되면 Lovable은 domain을 자체 nameserver로 가리키고, 유지하기로 한 record를 다시 만들며, 이 domain의 subdomain에 이미 게시된 프로젝트를 다시 연결합니다. 남은 작업은 두 가지입니다.

• domain 옆의 Configure를 클릭하고 DNS records 섹션에서 누락된 항목이 없는지 확인합니다.
• email에서 verification link를 확인합니다. 구매 후와 마찬가지로 ICANN은 registrant email address 확인을 요구합니다.

프로젝트에 domain 연결

Lovable은 transfer된 domain을 프로젝트에 자동으로 연결하지 않습니다. transfer가 완료되면 다음을 진행하세요.

1. Project → Settings → Domains로 이동합니다.
2. Connect existing domain 아래에서 Connect domain을 클릭합니다.
3. 이제 Your domain badge가 표시되는 domain을 입력하고 Continue를 클릭합니다.
4. Configure connection에서 Root domain 또는 Subdomain을 선택하고 원한다면 www redirect를 유지합니다.
5. Connect domain을 클릭합니다.

Lovable이 domain을 관리하므로 DNS record를 대신 만듭니다. status가 Live로 표시되면 live site 테스트로 이동합니다.