Getting Started with Takeout Static

Welcome to Takeout Static! This is an example blog post to show you how the MDX system works.

Features

This template includes:

• One Framework - Universal routing for web and native
• Tamagui - Beautiful, performant UI components
• MDX - Write content in markdown with React components
• Dark/Light mode - Built-in theme switching
• Static generation - Fast, SEO-friendly pages

Writing Posts

Create new posts in data/blog/ with the .mdx extension. Each post needs frontmatter:

---
title: Your Post Title
publishedAt: ‘2024-01-15’
description: ‘A brief description.’
image: ‘/your-image.webp’
---

Your content here…

Code Highlighting

Code blocks are automatically highlighted:

export function Button({ children }) {
  return (
    <XStack bg=“$color4” p=“$3” rounded=“$4”>
      <Text>{children}</Text>
    </XStack>
  )
}

Next Steps

1. Update the site name in _layout.tsx, Header.tsx, and Footer.tsx
2. Add your social links in the header and footer
3. Replace the example projects and timeline in index+ssg.tsx
4. Write your own blog posts!

Happy writing!