Documentation

Get Started

  • Get Started

Core Features

  • User Authentication
  • Database Integration
  • Email Delivery
  • Static Blog
  • Payment Collection
  • Predefined Styles
  • Private Pages
  • Private APIs
  • SEO Configuration
  • OG Image Generation
  • AI Integration

Components

  • Header
  • Footer
  • Hero Section
  • Features Section
  • Highlight Section
  • Stripe Button
  • Subscribe Form
  • Signin Form
  • Email Templates
  • FAQ Accordion
  • Theme Switcher
  • Rating
  • Call to Action
  • MDX Components
  • Table of Contents
  • Sidebar

Get Started

  • Get Started

Core Features

  • User Authentication
  • Database Integration
  • Email Delivery
  • Static Blog
  • Payment Collection
  • Predefined Styles
  • Private Pages
  • Private APIs
  • SEO Configuration
  • OG Image Generation
  • AI Integration

Components

  • Header
  • Footer
  • Hero Section
  • Features Section
  • Highlight Section
  • Stripe Button
  • Subscribe Form
  • Signin Form
  • Email Templates
  • FAQ Accordion
  • Theme Switcher
  • Rating
  • Call to Action
  • MDX Components
  • Table of Contents
  • Sidebar

SEO Configuration

Our boilerplate is SEO optimized.

You can customize the title, description, and open graph data for each page, and the blog can also dynamically generate metadata information based on the frontmatter.

For regular pages, update the metadata variable:

tsx
export const metadata: Metadata = {
  title: "Blog Home Page",
  description: "Lorem ipsum dolor...",
  openGraph: {
    title: "Blog Home Page",
    description: "Lorem ipsum dolor...",
    url: "https://example.com",
    siteName: "My Site",
    images: [{ url: "https://example.com/og.png" }],
  },
};

For blog pages, update the frontmatter:

yaml
---
title: "This is the Blog Post Title"
description: "Also include a short description"
date: "2025-06-23"
ogImage:
  url: "https://....png"
---

Full Stack AI Dev

RoadmapCommunityPricing

SaaS Boilerplate

Next.js BoilerplateDocumentation

Contribute

Write for UsStyle Guide

Free Tools

HTML CompilerJavaScript CompilerNode.js CompilerReact CompilerNext.js Compiler

Legals

Privacy PolicyTerms of ServiceContact Us
© 2026TheDevSpace.io| All Rights Reserved
RoadmapSaaS BoilerplatePricingCommunity
CheatsheetsHTML CompilerJavaScript CompilerNode CompilerReact CompilerNext.js Compiler
Get Started
CourseNext.js BoilerplatePricingCommunity
Freebies
CheatsheetsHTML CompilerJavaScript CompilerNode CompilerReact CompilerNext.js Compiler