landing-page-builder
v1.4.559
Published
## Description
Downloads
765
Readme
Payload CMS Custom Landing Page Plugin
Description
This plugin is designed to work seamlessly with Payload CMS, allowing you to generate custom landing pages using TypeScript and React. With this plugin, you can create and manage custom landing pages for your web application or website, leveraging the power of Payload CMS and the flexibility of React.
Usage Instructions
Follow these steps to integrate the Payload CMS Custom Landing Page Plugin into your Payload configuration:
Open your
payload.config.ts
file, typically located in the root of your Payload CMS project.Add the following code inside the
admin
object in yourpayload.config.ts
file to configure the custom landing page routes
{
path: "/collections/createpages/create",
Component: CreatePageComponent,
},
{
path: "/collections/createpages/:pageId",
Component: ViewPageComponent,
},
It defines two routes for managing custom landing pages. The first route
/collections/createpages/create
is used for creating new landing pages, while the second route/collections/createpages/:pageId
is used for viewing and editing existing landing pages.CreatePageComponent
is the component used for creating new landing pages, andViewPageComponent
is the component used for viewing and editing existing landing pages. Make sure to import these components into your project.Import custom components from
abhiramvepa-custom-package/dist/components
as needed in your Payload CMS project to customize your landing pages further. These components can be used to create and style landing page elements according to your specific requirements.Add
createpages({}
inside plugins section in yourpayload.config.ts
file to integrate the plugin.
That's it! You've successfully integrated the Payload CMS Custom Landing Page Plugin into your project. You can now use Payload CMS to create and manage custom landing pages.