sylph — Next.js 作品集模板

SHA-256: e59b951fe3dd9846444c6930b3897a5c78381588159906bd83abee28da4918c6

2026-10-01T14:14:20.566Z

<p align="center">
<img src=".github/assets/readme.png">
<a href="https://github.com/sponsors/raphaelsalaja">
    <picture>
        <img src="https://github.com/user-attachments/assets/e9754454-5f51-4166-8194-0f3ba1db82dc" alt="Sponsor" height="30">
    </picture>
</a>
<a href="https://vercel.com/new/clone?repository-url=https://github.com/raphaelsalaja/sylph&env=NEXT_PUBLIC_SITE_URL&project-name=portfolio&repository-name=portfolio&redirect-url=https://twitter.com/raphaelsalaja&demo-title=next-slyph-portfolio&demo-description=A+minimal+blog+built+with+Next.js.&demo-url=https://next-sylph-portfolio.vercel.app&demo-image=https://raw.githubusercontent.com/raphaelsalaja/sylph/refs/heads/main/.github/assets/readme.png&teamSlug=raphael-salaja">
    <picture>
        <img src="https://github.com/user-attachments/assets/7ea626bf-b827-4995-b0d0-6eea0c0ba2d5" alt="Deploy" height="30">
    </picture>
</a>
<a href="https://x.com/raphaelsalaja">
    <picture>
        <img src="https://github.com/user-attachments/assets/8d599ebf-b73e-4c05-8297-867b5846b7c4" alt="Twitter" height="30">
    </picture>
</a>
</p>

A minimal and lightweight portfolio template designed for developers, designers, and creatives. It offers a clean, modern interface to showcase your work, share your ideas, and write blog posts.

Built using Next.js, Sylph is optimized for performance and developer experience, providing flexibility and ease of use whether you're showcasing projects or writing content.

## Features

- **Responsive Design**: Works seamlessly on all devices and browsers.
- **MDX and Markdown Support**: Write posts using MDX or Markdown, with extensive flexibility.
- **Optimized for SEO**: Includes sitemaps, robots.txt, and metadata for better search engine visibility.
- **Dynamic OpenGraph (OG) Images**: Automatically generate OG images for social media sharing.
- **Syntax Highlighting**: Built-in support for highlighting code blocks.
- **Tailwind v4**: Fully configured with the latest version of Tailwind CSS for efficient styling.
- **Automated Blog Time Dating**: Automatically manage post creation and updated timestamps.
- **Extensive Frontmatter**: Customize posts with rich metadata and organizational fields.
- **Clean and Simple Structure**: Easy-to-navigate codebase for efficient customization.
- **Light and Dark Mode**: Simple theming with light/dark mode toggle support.
- **Foundations for Expansion**: Built with flexibility in mind, allowing easy expansion and customization.
- **Theming**: Easily extend or customize themes to suit your brand.

## Documentation

To get started with Sylph, check out the [Guides](https://next-sylph-portfolio.vercel.app/guides).

## Sponsor

If you find this project helpful, consider supporting the project. Your contribution helps maintain the project and supports future development.