Learn how to create a Next.js application with server-side rendering capabilities. This guide shows you how to deploy a React app using Replit’s autoscaling deployment.

​
What you’ll learn

Next.js

Build modern React applications

Server-Side Rendering

Enable SSR for better performance

Autoscaling

Deploy with automatic scaling

Performance

Optimize for production

​
Create your app

1

Fork the template

Sign in to Replit and fork the Next.js template. Select + Use Template and follow the prompts to create your Replit App.
2

Configure deployment

  1. Select Deploy in the workspace header
  2. Choose Autoscale deployment
  3. Configure your deployment:
    • Machine: 1vCPU, 2 GiB RAM (default)
    • Max machines: 3 (default)
    • Build command: npm run build
    • Run command: npm run start
Autoscale deployments automatically adjust resources based on traffic.
3

Launch

Select Deploy to start the deployment process. Your app will be live in a few minutes!

​
Next steps

Custom Domain

Add your own domain

Autoscaling

Learn about scaling

Performance

Optimize your app

Create a static blog

Build a blog with Astro

Build with AI

Create apps using Agent
Want to learn more about web development? Check out our deployment documentation.