# Docusaurus Custom Homepage

> Sub-skill of docusaurus: Custom Homepage (+1).

- Skill: `vamseeachanta/docusaurus-custom-homepage` (Agent Skill)
- Install (CLI): `npx skillmds@latest add vamseeachanta/docusaurus-custom-homepage`
- Raw SKILL.md: https://api.skillmd.com/api/skills/vamseeachanta/docusaurus-custom-homepage/raw
- Safety review: PASS (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Docs & Writing
- Author: vamseeachanta (https://skillmd.com/u/vamseeachanta)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/vamseeachanta/docusaurus-custom-homepage

---


# Custom Homepage (+1)

## Custom Homepage


```jsx
// src/pages/index.js
import React from 'react';
import Layout from '@theme/Layout';
import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
import styles from './index.module.css';

function HomepageHeader() {
  const { siteConfig } = useDocusaurusContext();
  return (

*See sub-skills for full details.*

## Plugin Development


```javascript
// plugins/my-plugin/index.js
module.exports = function myPlugin(context, options) {
  return {
    name: 'my-plugin',

    async loadContent() {
      return { data: 'example' };
    },


*See sub-skills for full details.*