VercelLogotypeVercelLogotype
LoginSign Up

LaunchPad: Next.js × Strapi Starter

Deliver your web content at warp speed with Strapi on Next.js.

DeployView Demo
LaunchPad thumbnail
GitHub Repostrapi/LaunchPad
filter section list

Related Templates

Next.js Blog with Draft Mode

Static blog with Preview Mode, built with Next.js and Contentful.
Next.js Blog with Draft Mode thumbnail

Payload Website Starter

A production-ready website built with Payload, the only Next.js-native CMS.
Payload Website Starter thumbnail

Next.js Starter for WordPress Headless CMS

next-wp is a Next.js application for Headless WordPress. Includes functions for fetching posts, categories, tags, pages, and featured media.
Next.js Starter for WordPress Headless CMS thumbnail

Get Started

  • Templates
  • Supported frameworks
  • Marketplace
  • Domains

Build

  • Next.js on Vercel
  • Turborepo
  • v0

Scale

  • Content delivery network
  • Fluid compute
  • CI/CD
  • Observability
  • AI GatewayNew
  • Vercel AgentNew

Secure

  • Platform security
  • Web Application Firewall
  • Bot management
  • BotID
  • SandboxNew

Resources

  • Pricing
  • Customers
  • Enterprise
  • Articles
  • Startups
  • Solution partners

Learn

  • Docs
  • Blog
  • Changelog
  • Knowledge Base
  • Academy
  • Community

Frameworks

  • Next.js
  • Nuxt
  • Svelte
  • Nitro
  • Turbo

SDKs

  • AI SDK
  • Workflow SDKNew
  • Flags SDK
  • Chat SDK
  • Streamdown AINew

Use Cases

  • Composable commerce
  • Multi-tenant platforms
  • Web apps
  • Marketing sites
  • Platform engineers
  • Design engineers

Company

  • About
  • Careers
  • Help
  • Press
  • Legal
  • Privacy Policy

Community

  • Open source program
  • Events
  • Shipped on Vercel
  • GitHub
  • LinkedIn
  • X
  • YouTube

Loading status…

Select a display theme:
    • AI Cloud
      • v0

        Build applications with AI

      • AI SDK

        The AI Toolkit for TypeScript

      • AI Gateway

        One endpoint, all your models

      • Vercel Agent

        An agent that knows your stack

      • Sandbox

        AI workflows in live environments

    • Core Platform
      • CI/CD

        Helping teams ship 6× faster

      • Content Delivery

        Fast, scalable, and reliable

      • Fluid Compute

        Servers, in serverless form

      • Observability

        Trace every step

    • Security
      • Bot Management

        Scalable bot protection

      • BotID

        Invisible CAPTCHA

      • Platform Security

        DDoS Protection, Firewall

      • Web Application Firewall

        Granular, custom protection

    • Company
      • Customers

        Trusted by the best teams

      • Blog

        The latest posts and changes

      • Changelog

        See what shipped

      • Press

        Read the latest news

      • Events

        Join us at an event

    • Learn
      • Docs

        Vercel documentation

      • Academy

        Linear courses to level up

      • Knowledge Base

        Find help quickly

      • Community

        Join the conversation

    • Open Source
      • Next.js

        The native Next.js platform

      • Nuxt

        The progressive web framework

      • Svelte

        The web’s efficient UI framework

      • Turborepo

        Speed with Enterprise scale

    • Use Cases
      • AI Apps

        Deploy at the speed of AI

      • Composable Commerce

        Power storefronts that convert

      • Marketing Sites

        Launch campaigns fast

      • Multi-tenant Platforms

        Scale apps with one codebase

      • Web Apps

        Ship features, not infrastructure

    • Tools
      • Marketplace

        Extend and automate workflows

      • Templates

        Jumpstart app development

      • Partner Finder

        Get help from solution partners

    • Users
      • Platform Engineers

        Automate away repetition

      • Design Engineers

        Deploy for every idea

  • Enterprise
  • Pricing
Log InContact
Sign Up
Sign Up
This template is unavailable

LaunchPad - Official Strapi Demo

Welcome aboard LaunchPad, the official Strapi demo application, where we launch your content into the stratosphere at the speed of "we-can't-even-measure-it!". This repository contains the following:

  • A Strapi project with content-types and data already onboard
  • A Next.js client that's primed and ready to fetch the content from Strapi faster than you can say "blast off!"

🌌 Get started

Strap yourself in! You can get started with this project on your local machine by following the instructions below, or you can request a private instance on our website

Prerequisites

  • Node.js v18 or higher
  • Yarn as your package manager (this project uses Yarn internally for its scripts)

Don't have Yarn installed? You can enable it via Node.js Corepack:

corepack enable

Or install it globally via npm:

npm install -g yarn

1. Clone and Install

To infinity and beyond! Clone the repo and install root dependencies:

git clone https://github.com/strapi/launchpad.git
cd launchpad
yarn install

2. Setup

Run the setup script to install dependencies in both projects (Strapi and Next.js) and copy the environment files:

yarn setup

3. Seed the Data

Populate your Strapi instance with demo content:

yarn seed

4. Start the Development Servers

Launch both Strapi and Next.js concurrently from the root:

yarn dev

This starts the Strapi server first, waits for it to be ready, then starts the Next.js frontend. You're now a spacefaring content master!

Visit http://localhost:1337/admin to create your first Strapi user, and http://localhost:3000 to discover your space rocket website.

Features Overview ✨

User


  • An intuitive, minimal editor The editor allows you to pull in dynamic blocks of content. It’s 100% open-source, and it’s fully extensible.
  • Media Library Upload images, video or any files and crop and optimize their sizes, without quality loss.
  • Flexible content management Build any type of category, section, format or flow to adapt to your needs.
  • Sort and Filter Built-in sorting and filtering: you can manage thousands of entries without effort.
  • User-friendly interface The most user-friendly open-source interface on the market.
  • SEO optimized Easily manage your SEO metadata with a repeatable field and use our Media Library to add captions, notes, and custom filenames to optimize the SEO of media assets.

Global


  • Customizable API: Automatically build out the schema, models, controllers for your API from the editor. Get REST or GraphQL API out of the box without writing a single line of code.
  • Media Library: The media library allows you to store your images, videos and files in your Strapi admin panel with many ways to visualize and manage them.
  • Role-Based Access Control (RBAC): Role-Based Access Control is a feature available in the Administration Panel settings that let your team members have access rights only to the information they need.
  • Internationalization (i18n): Internationalization (i18n) lets you create many content versions, also called locales, in different languages and for different countries.
  • Audit Logs: The Audit Logs section provides a searchable and filterable display of all activities performed by users of the Strapi application
  • Data transfer: Streams your data from one Strapi instance to another Strapi instance.
  • Review Worfklows: Create and manage any desired review stages for your content, enabling your team to collaborate in the content creation flow from draft to publication.

Resources

Docs • Discord • YouTube • Strapi Design System • Marketplace • Cloud Free Trial

Customization

  • The Strapi application contains a custom population middlewares in every api route.

  • The Strapi application contains a postinstall script that will regenerate an uuid for the project in order to get some anonymous usage information concerning this demo. You can disable it by removing the uuid inside the ./strapi/packages.json file.

  • The Strapi application contains a patch for the @strapi/admin package. It is only necessary for the hosted demos since we automatically create the Super Admin users for them when they request this demo on our website.

Use Cases
Blog
SaaS
CMS
Stack
Next.js
Tailwind
CMS
Strapi
v0

Build applications with AI

AI SDK

The AI Toolkit for TypeScript

AI Gateway

One endpoint, all your models

Vercel Agent

An agent that knows your stack

Sandbox

AI workflows in live environments

CI/CD

Helping teams ship 6× faster

Content Delivery

Fast, scalable, and reliable

Fluid Compute

Servers, in serverless form

Observability

Trace every step

Bot Management

Scalable bot protection

BotID

Invisible CAPTCHA

Platform Security

DDoS Protection, Firewall

Web Application Firewall

Granular, custom protection

Customers

Trusted by the best teams

Blog

The latest posts and changes

Changelog

See what shipped

Press

Read the latest news

Events

Join us at an event

Docs

Vercel documentation

Academy

Linear courses to level up

Knowledge Base

Find help quickly

Community

Join the conversation

Next.js

The native Next.js platform

Nuxt

The progressive web framework

Svelte

The web’s efficient UI framework

Turborepo

Speed with Enterprise scale

AI Apps

Deploy at the speed of AI

Composable Commerce

Power storefronts that convert

Marketing Sites

Launch campaigns fast

Multi-tenant Platforms

Scale apps with one codebase

Web Apps

Ship features, not infrastructure

Marketplace

Extend and automate workflows

Templates

Jumpstart app development

Partner Finder

Get help from solution partners

Platform Engineers

Automate away repetition

Design Engineers

Deploy for every idea