Payload Tailwind Blog Starter

Demo

Check out the live demo of the Payload Tailwind Blog Starter:

👉 View Demo

A modern, performant, and customizable blog starter built with Payload CMS, Next.js, and Tailwind CSS.

🚀 One-Click Deploy

Deploy your own copy of this blog starter to Vercel with one click.

You'll need to set up your PAYLOAD_SECRET and ADMIN_PASSWORD in the project settings.

⚠️ Beta Notice

Please note that this project uses Payload CMS version 3.0.0-beta.108, which is still in beta. While it offers exciting new features and improvements, it may not be fully stable for production use.

We recommend keeping an eye on the Payload CMS GitHub repository for updates and the official release of version 3.0.0.

✨ Features

• Built with Payload CMS for flexible content management
• Next.js 15 (canary) for optimal performance and latest features
• Analytics integration with Vercel Analytics
• Optimized for SEO and social sharing

🛠 Built With

• CMS: Payload CMS
• Framework: Next.js
• Language: TypeScript
• Styling: Tailwind CSS
• Database: PostgreSQL
• Deployment: Vercel

🏃‍♂️ Getting Started

1. Clone the repository:

```bash

git clone https://github.com/your-username/payload-tailwind-blog-starter.git
cd payload-tailwind-blog-starter
```

2. Install dependencies:

```bash
pnpm install
```

3. Set up your environment variables: Create a .env file in the root directory and add necessary variables.

4. Run the development server:

```bash

pnpm dev
```

5. Open http://localhost:3000 in your browser to see the result.

📦 Scripts

• pnpm dev: Start the development server
• pnpm build: Build the production-ready application
• pnpm start: Start the production server
• pnpm lint: Run ESLint
• pnpm payload: Run Payload CMS commands
• pnpm generate:types: Generate Payload types
• pnpm migrate:create: Create a new database migration

📝 License

This project is open source and available under the MIT License.