https://github.com/tuanphungcz/withpayload.com
A community list of open source resources for @Payloadcms
https://github.com/tuanphungcz/withpayload.com
blog payload-template payloadcms tailwindcss
Last synced: about 1 year ago
JSON representation
A community list of open source resources for @Payloadcms
- Host: GitHub
- URL: https://github.com/tuanphungcz/withpayload.com
- Owner: tuanphungcz
- License: mit
- Created: 2024-09-29T18:42:34.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-11-07T20:57:15.000Z (over 1 year ago)
- Last Synced: 2025-04-03T04:12:33.722Z (about 1 year ago)
- Topics: blog, payload-template, payloadcms, tailwindcss
- Language: TypeScript
- Homepage: https://withpayload.com
- Size: 1.28 MB
- Stars: 36
- Watchers: 1
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
- License: license
Awesome Lists containing this project
README
# Payload Tailwind Blog & Directory Starter
## Demo
Check out the live demo of the Payload Tailwind Blog & Directory Starter:
👉 [View Demo](https://withpayload.com)
A modern, performant, and customizable starter built with Payload CMS, Next.js, and Tailwind CSS. Perfect for creating a blog with an integrated project directory or resource hub.
## 🚀 One-Click Deploy (WIP)
Deploy your own copy of this starter to Vercel with one click.
## ⚠️ 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](https://github.com/payloadcms/payload) for updates and the official release of version 3.0.0.
## ✨ Features
### Content Management
- Blog with categories, tags, and featured posts
- Project directory with customizable categories and filters
- Rich text editor with code highlighting
- Media library for images and assets
### Technical Features
- Built with Payload CMS for flexible content management
- Next.js 15 (canary) for optimal performance
- Analytics integration with Vercel Analytics
- Responsive design with Tailwind CSS
- PostgreSQL for robust data storage
- Type-safe development with TypeScript
## 🛠 Built With
- **CMS**: [Payload CMS](https://payloadcms.com/)
- **Framework**: [Next.js](https://nextjs.org/)
- **Language**: [TypeScript](https://www.typescriptlang.org/)
- **Styling**: [Tailwind CSS](https://tailwindcss.com/)
- **Database**: [PostgreSQL](https://www.postgresql.org/)
- **Deployment**: [Vercel](https://vercel.com)
## 🏃♂️ Getting Started
1. Clone the repository:
```bash
git clone https://github.com/tuanphungcz/withpayload.git
cd withpayload
```
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](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](LICENSE).