RudolphLiu
← Back to Projects

Sample Project

October 2024

Next.jsReactTypeScriptTailwind CSS

Sample Project

This is a sample project demonstrating the projects module. Replace this file with your actual project content.

Overview

Projects are stored as MDX files with frontmatter metadata. Each project can contain rich markdown content including:

  • Formatted text and headings
  • Code blocks with syntax highlighting
  • Images and embeds
  • Lists and tables

Key Features

  1. Feature One: Description of the first key feature
  2. Feature Two: Description of the second key feature
  3. Feature Three: Description of the third key feature

Technology Stack

  • Frontend: React 19 with Next.js
  • Language: TypeScript
  • Styling: Tailwind CSS
  • Deployment: Vercel

Getting Started

To create a new project, add a .mdx file to app/projects/posts/ with the required frontmatter:

---
title: "Your Project Title"
publishedAt: "2024-10-15"
summary: "A brief one-line summary"
image: "/path-to-cover-image.jpg"
technologies: "Tech1, Tech2, Tech3"
liveUrl: "https://example.com" # optional
githubUrl: "https://github.com/user/repo" # optional
---

Then write your project content in markdown below the frontmatter.

Removing This Sample

Once you're ready, simply delete app/projects/posts/sample-project.mdx and replace it with your own projects.