Magic Portfolio automatically generates meta- and open graph tags for your pages based on the content.js file.
Schema
Magic Portfolio automatically generates schema tags for your pages based on the content.js file.
Open Graph image
Social sharing images (open-graph and twitter) are automatically generated with next/og.
Make sure you have updated the content.js file with your own information and the baseURL variable in the config.js file.
src/app/{page}/page.tsx
export async function generateMetadata() {
const title = home.title;
const description = home.description;
const ogImage = `https:///api/og/generate?title=${encodeURIComponent(title)}`;
...
};
The above declaration generates the social image with the title of the page. You can use a static image by replacing the ogImage value with a path to an image in the public directory.
