https://github.com/vladimirdegt/cms-payload
https://github.com/vladimirdegt/cms-payload
brevo cms nextjs nextjs15 payload payloadcms
Last synced: 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/vladimirdegt/cms-payload
- Owner: VladimirDegt
- Created: 2025-01-28T10:51:25.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-25T10:20:41.000Z (over 1 year ago)
- Last Synced: 2025-02-25T11:27:41.507Z (over 1 year ago)
- Topics: brevo, cms, nextjs, nextjs15, payload, payloadcms
- Language: TypeScript
- Homepage: https://cms-payload-alpha.vercel.app
- Size: 772 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# CMS Payload 3 with Next.js Application
This project demonstrates the integration of CMS Payload 3 with a Next.js application. The application fetches and displays content managed by Payload CMS, showcasing a simple homepage layout with a header, main content, and footer.
## Technologies Used
- TypeScript: For type safety and better development experience.
- Next.js: For server-side rendering and static site generation.
- Payload CMS: As the content management system.
## Project Structure
- `pages/`: Contains the Next.js page components.
- `src/modules/`: Contains the React components and modules used in the application.
- `.gitignore`: Specifies files and directories to be ignored by Git.
## Key Components
### Home Page
The home page is rendered using the `HomePageServer` component, which fetches data from Payload CMS and passes it to the `HomePage` component.
## Getting Started
### Prerequisites
- Node.js
- npm
### Installation
1. Clone the repository:
```sh
git clone https://github.com/VladimirDegt/CMS-Payload.git
```
2. Install the dependencies:
```sh
npm install
```
3. Create a `.env` file in the root directory and add the following environment variables:
```sh
PAYLOAD_SECRET=
# MongoDB
DATABASE_URI=
# Uploadthing
UPLOADTHING_TOKEN=
# Brevo
BREVO_API_KEY=
BREVO_EMAILS_ACTIVE=
BREVO_SENDER_NAME=
BREVO_SENDER_EMAIL=
```
4. Run the development server:
```sh
npm run dev
```
5. Open [http://localhost:3000](http://localhost:3000) in your browser to view the application.
6. Open [http://localhost:3000/admin](http://localhost:3000/admin) in your browser to access the Payload CMS admin panel.