Magnolia Vercel App master

Adyen Connector module
- master
AI Accelerator module
- master
Algolia E-commerce connector
- master
API
- master
B-FY Connector module
- master
Backend Live
- master
Backup Extended module
- master
Bitbucket module
- master
Bot Protection module
- master
Campaign manager module
- master
CDN Helper module
- master
Celum DAM Connector module
- master
Cloudinary External DAM module
- master
Commenting module
- master
Configuration Injection module
- master
Content Diff module
- master
Content Exporter module
- master
Content Locking module
- master
Content Recommender module
- master
Content Translation Extended module
- master
Content Type models
- master
Custom CSS module
- master
Customer Journey Mapping module
- master
DALL-E light module
- master
DAM JCR Fastly renderer module
- master
Dotdigital Integration module
- master
DX Cloud PaaS
- master
DX Core
- 6.2
E-commerce Category Sync
- master
Ecommerce module
- master
Eight Eye Workflow module
- master
Elasticsearch provider module
- master
Extended Health Check module
- master
Form module
- master
Free trials docs
- master
Freeze module
- master
Frontify DAM connector
- master
Fullstory Integration module
- master
Headless
- master
Hi Magnolia
- master
Home
- master
Hooks API module
- master
Hybrid Assets module
- master
Image Focal module
- master
Image placement module
- master
Incubator Modules
- master
Instrumentation module
- master
Javascript Models
- 2.0.x
JavaScript UI module
- master
Language Availability module
- master
Link Mapper module
- master
Linkmapper Shared Database module
- master
Live Copy module
- latest
Magnolia CLI
- 4.x
- 3.x
- 2.x
Magnolia Cloud
- master
Magnolia Search Index Feeder module
- master
Magnolia Vercel App
- master
Microsoft DAM Connector module
- master
Migration Tool module
- master
mParticle Integration module
- master
Multi Assets Upload module
- master
Netlify Integration module
- master
Periscope Control module
- master
Piano Analytics Connector module
- master
Public User Registration Database module
- master
Publication Task Config
- master
REST module
- 3.0-SNAPSHOT
REST Proxy module
- master
RMQ Publication module
- master
Segment Integration module
- master
SEO module
- master
Shop module
- master
Siteimprove module
- master
Six Eye Workflow module
- master
Slack Integration module
- master
SSO Login Extension module
- master
SSO module
- 3.1.x
- 2.0.6
Task Email Notifications module
- master
Tasks cleaner module
- master
Throttling Filter module
- master
Two Factor Authentication module
- master
URI Mapping app
- master
URL Translation Module
- master
Veeva DAM Connector module
- master
Version Cleaner module
- master
Visual previews of fields in the documentation
- 6.2
Webhooks module
- 2.0-SNAPSHOT
- 1.0
WeChat Login module
- master
WordAI module
- master
Workflow Extended module
- master

Integrate Vercel

Welcome to the Magnolia Vercel integration guide. Follow these instructions to enhance your Magnolia instance with Vercel’s powerful capabilities.

Download Light Modules

Once you have your Magnolia instance up and running, you will need to incorporate some specific Light Modules to leverage the full potential of the Vercel integration.

Visit the following URL to access the Light Modules repository:

https://github.com/magnolia-cms/magnolia-vercel-light-modules
Download the folder spa-lm.
Locate the light-modules directory within your local Magnolia instance.
Copy the downloaded spa-lm folders and paste them directly into your Magnolia light-modules folder.

The light-modules directory is where Magnolia looks for custom modules, and by placing the spa-lm folders there, you’re integrating new functionality into your Magnolia CMS.

Configure the Vercel Magnolia page

The spa-lm light module contains template definitions that allow you to create a "Vercel Magnolia" page within your Magnolia CMS. To configure this page:

Navigate to the spa-lm/templates/pages/ directory.
Open the basic.yaml file. This file contains the necessary configuration for your "Vercel Magnolia" page.
In the basic.yaml file, where the baseUrl property is defined.
```
baseUrl: http://localhost:3000 (1)
```
1 The baseUrl property is typically found at the top of the file around Line 4.

The baseUrl is initially set to http://localhost:3000. This should point to the domain where your Vercel application is accessible.

While you are developing locally, you can leave the baseUrl set to localhost:3000. Once you are ready to deploy and have your Vercel application hosted publicly, you need to update this baseUrl with your public Vercel domain name.

After setting up the baseUrl, you can proceed to create a "Vercel Magnolia" page in the Magnolia AdminCentral. Your new page will utilize this configuration to connect with your Vercel deployment, enabling a seamless development and testing experience.

DX Core