Skip to main content
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.
New Project Vercel
  1. Set up your environment variables.
Env Vars Vercel 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.
Enter Domain Vercel
  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:
Wrong Domain Configuration

​
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.
Domain Configuration OK
  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