SEO
By default all the work for implementing SEO
has been done for you,
follow instructions below to add your titles, descriptions and images.
Setup
- Update
config.ts
/src/utils/config.ts
const config = {
// App-specific metadata.
app: {
name: "your_app_name", // Name of the application.
description: "your_app_description", // Short tagline or description of the app.
logo: "your_app_logo_url", // URL of the app's logo.
domainName: "your_app_domain", // Domain name where the app is hosted.
},
// SEO configuration for improving search engine and social media visibility.
seo: {
twitter: {
handle: "@your_twitter_handle", // Your Twitter handle (if applicable).
card: "summary_large_image", // Type of Twitter card (e.g., summary, summary_large_image, app, player).
image: "", // Add image url here for twitter cover
},
openGraph: {
locale: "en_US", // Language and region of the content (e.g., English - US).
type: "website", // OpenGraph type indicating the content category (e.g., website, article, video).
image: "", // Add image url here for opengraph (e.g. whatsapp link preview)
},
},
//...
};
- We use
generateSEOTags
from/src/lib/seo.ts
on/src/app/layout.tsx
so you don't need to update all seo tags on each page.
/src/app/(site)/layout.tsx
import { generateSEOTags } from "lib/seo";
export const metadata: Metadata = generateSEOTags();
- Only update what you need
import { Metadata } from "next";
export const metadata: Metadata = {
title: "My Page",
alternates: { canonical: "/my-page" },
};
const ExamplePage = () => {
return <div>ExamplePage</div>;
};
export default ExamplePage;
Note
We recommend adding canonical
path to all your pages
Blog for SEO
Blogs help with SEO start by adding your first blog from the dashboard.