Modern tools for modern developers. This is the home page for next-zen.dev showcasing our innovative products.
- Orchestrator - Streamline your workflow with powerful automation and orchestration capabilities
- Diagrammatic - Create beautiful diagrams and visualizations effortlessly
- Next.js 16 - React framework with App Router for optimal SEO
- TypeScript - Type-safe development
- Tailwind CSS - Modern utility-first CSS framework
- ESLint - Code quality and consistency
Welcome to Next Zen, a parent landing page for our suite of professional development tools designed for modern developers.
Powerful workflow automation and orchestration platform that streamlines your development workflow.
Features:
- Visual workflow builder
- Pre-built integrations
- Real-time monitoring
- Scalable automation
Interactive system design and diagram creation tool perfect for architecture visualization and technical documentation.
Features:
- 75+ diagram components
- AI-powered assistance
- Real-time collaboration
- System design practice problems
- Framework: Next.js 15
- Styling: Tailwind CSS
- TypeScript: Full type safety
- SEO: Comprehensive meta tags, structured data, and sitemap
- ✅ Comprehensive meta tags (Open Graph, Twitter Cards)
- ✅ Structured data (JSON-LD) for search engines
- ✅ Automatic sitemap generation
- ✅ Robots.txt configuration
- ✅ Semantic HTML5
- ✅ Mobile-responsive design
- ✅ Fast loading performance
- ✅ Accessibility features
# Install dependencies
npm install
# Run development server
npm run dev
# Build for production
npm run build
# Start production server
npm startVisit http://localhost:3000 to see the landing page.
The landing page follows Diagrammatic's design principles:
- Clean & Modern: Minimalist design with focus on content
- Gradient Accents: Subtle gradients for visual interest
- Dark Mode Support: Full dark mode implementation
- Responsive: Mobile-first, responsive design
- Accessible: WCAG compliant with semantic HTML
- Descriptive, keyword-rich titles and meta descriptions
- Structured data for rich snippets in search results
- Fast page load times with Next.js optimization
- Mobile-friendly responsive design
- Clear heading hierarchy (H1, H2, H3)
- Alt text for all images
- Internal and external link structure
This project is optimized for deployment on:
- Vercel (recommended for Next.js)
- Netlify
- Any platform supporting Next.js
© 2025 Next Zen. All rights reserved.
Contributions are welcome! Please feel free to submit issues and pull requests.
- Node.js 18.17 or later
# Install dependencies
npm install# Run development server
npm run devOpen http://localhost:3000 in your browser to see the result.
# Create production build
npm run build
# Start production server
npm start# Run ESLint
npm run lint- Optimized metadata (title, description, keywords)
- Open Graph tags for social media sharing
- Semantic HTML structure
- Responsive design
- Static page generation for fast loading
See LICENSE file for details.