Open main menu
withPayload
Beta
ProjectsBlog
GitHub
ProjectsBlog
GitHub
ยฉ 2024 withPayload - All rights reserved.
  1. Home
  2. Introducing Payload Tailwind Blog Starter

Introducing Payload Tailwind Blog Starter

Deploy a blog using payloadcms with a couple of clicks
AdminยทOctober 28, 2024
Admin

Admin

Next article
Mastering React Hooks

Table of Contents

    Getting started
    Vercel setup
    Deploying the blog
    Admin dashboard
Introducing Payload Tailwind Blog Starter

Getting started

Have you been wanting to start a blog but feel overwhelmed by the hassle of setting up a CMS and everything that comes with it?
In this tutorial, I'll show you how to launch your first blog in just a few clicks using Vercel and PayloadCMS, so you can start blogging right away!

Vercel setup

First, you'll need a and a . You can create them using the provided links.

Deploying the blog

To make the deployment even easier, I've created a deploy button that allows you to set it up in just a few clicks or you can clone the repo and set it up yourself.
Image
Once you've clicked the button, you'll be redirected to Vercel and can click on create a new project.
Image
You will be asked to add storages for both Postgres and Vercel Blob.
Image
For required variables, you can use the following:
- PAYLOAD_SECRET: `add your own secret`
- ADMIN_PASSWORD: `add your own password, this is the password for the admin user`
and then click on deploy and wait a couple of minutes for the project to be deployed.
Image
Once the project is deployed, you can click on "Go to dashboard" to see the project dashboard with the blog vercel url (e.g. ``).
Image
Image

Admin dashboard

The most exciting part about PayloadCMS is the admin dashboard. It allows you to manage your blog content, users, and settings.
To access the admin dashboard, you can click on the "Admin" button in the top right corner of the blog.
Image
Image
Image
Image
You will be redirected to the admin dashboard login page. Where you can login with the admin user and password you set in the vercel environment variables.
If we did everything right, we should be able to see the working blog ๐ŸŽ‰
Web Development