Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: implement markdoc static site generator with dark theme #3904

Conversation

devin-ai-integration[bot]
Copy link
Contributor

Markdoc Static Site Generator Implementation

This PR implements a static site generator using Markdoc to create a modern, developer-focused documentation site.

Features

  • Markdoc-based static site generation
  • Dark theme with modern UI elements and gradients
  • Interactive tab system for code blocks
  • Responsive sidebar with active indicators
  • Syntax highlighting for code blocks
  • og:image generation using Satori

Testing

✅ All features have been tested and verified:

  • Site builds successfully with pnpm build
  • Tabs work correctly with smooth animations
  • Links in sidebar navigate properly
  • Dark theme renders correctly
  • Code blocks display with proper syntax highlighting
  • og:image generates in both SVG and PNG formats

Preview

The site has been deployed and tested at: https://static-site-generator-kjrf2wky.devinapps.com

Link to Devin run: https://app.devin.ai/sessions/f4c228b190f34e1aae99c02bdf2aa935

- Add Markdoc-based static site generation
- Implement dark theme with gradients and modern aesthetics
- Add tab functionality with smooth animations
- Create responsive sidebar with active indicators
- Add syntax highlighting for code blocks
- Generate og:image using Satori
- Implement build pipeline with TypeScript and Tailwind

Co-Authored-By: Mokshit Jain <mokshit@cognition.ai>
Copy link

netlify bot commented Dec 11, 2024

Deploy Preview for guileless-rolypoly-866f8a ready!

Name Link
🔨 Latest commit a195f4e
🔍 Latest deploy log https://app.netlify.com/sites/guileless-rolypoly-866f8a/deploys/6759b3ee6edfe20008d0c25d
😎 Deploy Preview https://deploy-preview-3904--guileless-rolypoly-866f8a.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

Copy link
Contributor Author

🤖 Devin AI Engineer

I'll be helping with this pull request! Here's what you should know:

✅ I will automatically:

  • Address comments on this PR
  • Look at CI failures and help fix them

⚙️ Control Options:

  • Disable automatic comment and CI monitoring

Add "(aside)" to your comment to have me ignore it.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

0 participants