Teaser landing page for Fedify Studio, a comprehensive web-based development and debugging platform for ActivityPub. Coming H2 2026.
Fedify Studio is a sister project of Fedify, the TypeScript library for building federated server applications.
- Build Tool: Vite 7.x
- Framework: Vue 3.x with Composition API
- Styling: UnoCSS (atomic CSS engine)
- Icons: Lucide via
@iconify-json/lucide - Language: TypeScript
# Install dependencies
pnpm install
# Start development server
pnpm dev
# Build for production
pnpm build
# Preview production build
pnpm previewsrc/
├── main.ts # App entry point
├── App.vue # Root component
├── style.css # Global styles & CSS variables
├── composables/
│ └── useDarkMode.ts # Dark mode toggle logic
└── components/
├── TheHeader.vue # Navigation & dark mode toggle
├── HeroSection.vue # Hero with gradient background
├── PainPointsSection.vue # ActivityPub development challenges
├── FeaturesSection.vue # Key features grid
├── RoadmapSection.vue # Development roadmap timeline
├── NewsletterSection.vue # Email subscription form
└── TheFooter.vue # Footer with links
- Dark/Light Mode: Respects system preference, with manual toggle
- Responsive Design: Mobile-first approach
- Smooth Animations: CSS animations with staggered delays
- Accessible: Semantic HTML, ARIA labels, keyboard navigation
The site is automatically deployed to studio.fedify.dev via GitHub Actions when changes are pushed to the main branch.