@ -8,7 +8,80 @@ export default function Onboarding() {
< title > Onboarding < / t i t l e >
< / H e a d >
< h5 className = "fw-bold" > Under Construction ... 🏗 ️ < / h 5 >
< h5 className = "fw-bold" > Onboarding < / h 5 >
< h6 > ( Under Construction ... 🏗 ️ ) < / h 6 >
< div class = "list-group" >
< div class = "list-group-item d-flex gap-3" >
< input class = "form-check-input flex-shrink-0" type = "checkbox" value = "" / >
< span class = "pt-1 form-checked-content" >
< strong >
< i className = "bi-card-list pe-none me-2" width = "1em" height = "1em" / >
1. Add your website domain ( s )
< / s t r o n g >
< span class = "d-block text-body-secondary mt-3" >
< p > Add your domains in the "domains" section , including subdomains . These are the domains that you want to protect with BasedFlare . < / p >
< p > For most websites , this would be the root domain i . e . < code > example . com < / c o d e > , a n d t h e w w w s u b d o m a i n i . e . < c o d e > w w w . e x a m p l e . c o m < / c o d e > . < / p >
< / s p a n >
< small > ( form goes here ) < / s m a l l >
< / s p a n >
< / d i v >
< div class = "list-group-item d-flex gap-3" >
< input class = "form-check-input flex-shrink-0" type = "checkbox" value = "" / >
< span class = "pt-1 form-checked-content" >
< strong >
< i className = "bi-globe2 pe-none me-2" width = "1em" height = "1em" / >
2. Update DNS records
< / s t r o n g >
< span class = "d-block text-body-secondary mt-3" >
< p > For each of your domains and subdomains , set the following A and AAAA records with your DNS provider : < / p >
< code > A < / c o d e > :
< ul >
< li > 45.88 . 201.168 < / l i >
< li > 185.125 . 168.21 < / l i >
< li > 38.60 . 199.224 < / l i >
< / u l >
< code > AAAA < / c o d e > ( o p t i o n a l , r e c o m m e n d e d ) :
< ul >
< li > 2 a03 : 94e1 : ffff : 45 : 88 : 201 : 0 : 168 < / l i >
< li > 2 a03 : 94e0 : ffff : 185 : 125 : 168 : 0 : 21 < / l i >
< / u l >
< / s p a n >
< / s p a n >
< / d i v >
< div class = "list-group-item d-flex gap-3" >
< input class = "form-check-input flex-shrink-0" type = "checkbox" value = "" / >
< span class = "pt-1 form-checked-content" >
< strong >
< i className = "bi-hdd-network-fill pe-none me-2" width = "1em" height = "1em" / >
3. Enter backend details
< / s t r o n g >
< span class = "d-block text-body-secondary mt-3" >
< p > For each domain and subdomain , set the backend server IP address and port in the "backends" section . < / p >
< p > The backend address and port should be in ip : port format , e . g . < code > 12.34 . 56.78 : 443 < / c o d e > . < / p >
< / s p a n >
< small > ( form goes here ) < / s m a l l >
< / s p a n >
< / d i v >
< div class = "list-group-item d-flex gap-3" >
< input class = "form-check-input flex-shrink-0" type = "checkbox" value = "" / >
< span class = "pt-1 form-checked-content" >
< strong >
< i className = "bi-file-earmark-lock-fill pe-none me-2" width = "1em" height = "1em" / >
3. Generate a HTTPS certificate < small > ( optional , recommended ) < / s m a l l >
< / s t r o n g >
< span class = "d-block text-body-secondary mt-3" >
< p > BasedFlare can generate and setup a HTTPS certificates for you using < a href = "https://letsencrypt.org/" target = "_blank" > Let ’ s Encrypt < / a > . < / p >
< p > Enter the domain subject and altnames in the "HTTPS Certificates" section and hit generate . < / p >
< p > Additionally , if you operate a self - managed cluster and add new servers , you can upload any generated certificates to the new servers seamlessly . < / p >
< / s p a n >
< small > ( form goes here ) < / s m a l l >
< / s p a n >
< / d i v >
< div class = "list-group-item d-flex gap-3" >
All done !
< / d i v >
< / d i v >
< / > ) ;
}