Blank

Official

Minimal Payload starter with Next.js, MongoDB, a Users auth collection and a Media upload collection

Overview

Summary generated from the README

A bare-minimum Payload project built on Next.js with the MongoDB adapter and the Lexical rich text editor. It sets up an auth-enabled Users collection and a Media uploads collection with preconfigured image sizes and focal point. Testing tools (Vitest, Playwright) and the MCP plugin are included, and a Docker Compose file is provided for local MongoDB. It targets Payload 4 beta.

Features

  • Users collection with authentication for admin panel access
  • Media collection with preconfigured image sizes, focal point and manual resizing
  • MongoDB database adapter with optional Docker Compose setup
  • Lexical rich text editor
  • Payload MCP plugin included
  • Vitest and Playwright testing setup

Good for

  • Starting a custom Payload project from a minimal base
  • Building any website or app where collections are added from scratch
  • Trying out Payload 4 beta with Next.js

From the author

A blank template to get started with Payload

Get started

npx create-payload-app -t blank

README

Payload Blank Template

This template comes configured with the bare minimum to get started on anything you need.

Quick start

This template can be deployed directly from our Cloud hosting and it will setup MongoDB and cloud S3 object storage for media.

Quick Start - local setup

To spin up this template locally, follow these steps:

Clone

After you click the Deploy button above, you'll want to have standalone copy of this repo on your machine. If you've already cloned this repo, skip to Development.

Development

  1. First clone the repo if you have not done so already

  2. cd my-project && cp .env.example .env to copy the example environment variables. You'll need to add the MONGODB_URL from your Cloud project to your .env if you want to use S3 storage and the MongoDB database that was created for you.

  3. pnpm install && pnpm dev to install dependencies and start the dev server

  4. open http://localhost:3000 to open the app in your browser

That's it! Changes made in ./src will be reflected in your app. Follow the on-screen instructions to login and create your first admin user. Then check out Production once you're ready to build and serve your app, and Deployment when you're ready to go live.

Docker (Optional)

If you prefer to use Docker for local development instead of a local MongoDB instance, the provided docker-compose.yml file can be used.

To do so, follow these steps:

  • Modify the MONGODB_URL in your .env file to mongodb://127.0.0.1/<dbname>
  • Modify the docker-compose.yml file's MONGODB_URL to match the above <dbname>
  • Run docker-compose up to start the database, optionally pass -d to run in the background.

How it works

The Payload config is tailored specifically to the needs of most websites. It is pre-configured in the following ways:

Collections

See the Collections docs for details on how to extend this functionality.

  • Users (Authentication)

    Users are auth-enabled collections that have access to the admin panel.

    For additional help, see the official Auth Example or the Authentication docs.

  • Media

    This is the uploads enabled collection. It features pre-configured sizes, focal point and manual resizing to help you manage your pictures.

Docker

Alternatively, you can use Docker to spin up this template locally. To do so, follow these steps:

  1. Follow steps 1 and 2 from above, the docker-compose file will automatically use the .env file in your project root
  2. Next run docker-compose up
  3. Follow steps 4 and 5 from above to login and create your first admin user

That's it! The Docker instance will help you get up and running quickly while also standardizing the development environment across your teams.

Questions

If you have any issues or questions, reach out to us on Discord or start a GitHub discussion.

More Starters & boilerplates templates

Blank Tanstack

Official

Minimal Payload starter built on TanStack Start with MongoDB, a Users collection and a Media collection

v4
TanStack Start
Updated Today

With Cloudflare D1

Official

Blank Payload starter for Cloudflare Workers with a D1 SQLite database and R2 media storage

v3
Next.js
Updated 5 days ago

With Postgres

Official

Blank Payload starter on Next.js using the Postgres database adapter and local disk storage

v3
Next.js
Updated 5 days ago