This is my code for https://alez.io. I have created a blog post series that goes over the process I am using to create this site here: https://alez.io/article/2024/how-i-created-my-blog/.
- Basic Layout (Header, Hero Section, Main Section)
- Home Hero Animation
- Featured Section
- Latest Section
- Dark/Light Mode
- Articles written in Markdown
- Metadata in Markdown
- Article Hero Section
- Prose styling to Markdown
- Image processor
- MDX plugin to add custom code and components in markdown
- Configure Prettier for format Tailwind
- CTA block for articles
- Sitemap
- Generate static tag pages that shows tag specific blogs
- Tag page that shows all tags
- Custom 404 page with tailwind
- RSS Feed
- SEO metadata
- Add total read time for each blog
- Article search to search in article title, description, or content
- Related Articles by tag?
- Table of Contents in Articles
- Contact page
- Fix inline code styling
codeshould be like a normal code block, but inline - Improve dark mode contrast and styling
- Hide header on scroll down in articles to maximize reading space
- Toggle bigger readable space
- Runnable code blocks
- Copy button for code blocks
- Comment section for articles