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

​
What you’ll learn

Next.js

Build modern React applications

Server-Side Rendering

Enable SSR for better performance

Autoscaling

Publish 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

Set up publishing

  1. Select Publish in the workspace header
  2. Choose Autoscale deployment
  3. Configure your app:
    • 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 Publish to launch your app. It 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 publishing documentation.