Hey! Congratulations on your brand new application 👏, i’ll gladly help you making it online.

We strongly recommend vercel for deploying your project. You can also go to a self-hosted strategy, but will need a lot of work to make things works properly.

​
Step by step

  1. Login into your Vercel Account with your preferred authentication method.
  2. Click the “New Project” button.
  3. Select your TurboStack project.
  4. Select /apps/web as root directory of your project.

  1. Set up your environment variables.

Here’s a table with all the variables you can set (you can check your .env.example and .env.local either):

KeyValue
NEXTAUTH_URLYour productive app subdomain (e.g https://app.myapp.com)
NEXTAUTH_SECRETYour NextAuth secret (add a secret with at least 32 characters long)
NEXT_PUBLIC_APP_DOMAINYour productive app subdomain (e.g https://app.myapp.com)
DATABASE_URLYour productive database url
RESEND_API_KEYYour Resend API Key
RESEND_AUDIENCE_IDYour Resend Audience ID to Collect Emails
GOOGLE_CLIENT_IDYour Google OAuth Client ID
GOOGLE_CLIENT_SECRETYour Google OAuth Client Secret
NEXT_PUBLIC_STRIPE_PB_KEYYour Stripe Public Key
STRIPE_SECRET_KEYYour Stripe Secret Key
STRIPE_WEBHOOK_SECRETYour Stripe Webhook Signing Secret
UPSTASH_REDIS_REST_URLYour Upstash Redis Database URL
UPSTASH_REDIS_REST_TOKENYour Upstash Redis Authentication Token
  1. Click “Deploy” button and wait until the magic happens!

​
Add your Domain

  1. Go to Vercel’s “Dashboard Page” and pick the project you created before.
  2. Navigate to Settings > Domains page.
  3. From Domains page, create two domains, one for your marketing page, and one for your application page. If your host are myapp.com, then create myapp.com and app.myapp.com.

  1. After that, you will have a brand new domain, but non-productive yet. You’ll need to setup your DNS Records to make your Registrar points your domain to Vercel’s created domain:

​
Configuring your DNS

  1. Proceed to your domain’s DNS settings on your domain provider.
  2. Create two new DNS entries, with the following values:
TypeNameValue
A@76.76.21.21
CNAMEappcname.vercel-dns.com.
  1. If your DNS Records were properly configured, you’ll notice a change in your domain’s status, making it available to the internet.

  1. Open your brand new domain and see your page online.

​
Conclusion

Now you can share with your friends and family đź‘Ź, congratulations on your brand new app!

I want to showcase your application in TurboStack Home Page, you can send me an email with the subject Showcase my app - {{APP_NAME}}

I wish the best of luck to your new app.

Cheers!
Vitor

Ship in 5 minutes 🚀Setup your enviroment