Our Tech Stack - Building a Modern Full-Stack Application
A deep dive into the technologies powering our application
Our Tech Stack Overview
At Optimistic News, we’ve built our platform using a carefully selected stack of modern technologies that enable rapid development while maintaining scalability and performance. Here’s a detailed look at our tech stack:
Core Framework: Wasp
Our application is built on Wasp, a full-stack framework that allows us to describe our app’s core features in a declarative way. Wasp handles:
- Authentication & Authorization
- Server Configuration
- Database Operations
- Email Sending
- Cron Jobs
Frontend Technologies
- React: Our frontend is built with React, allowing us to create dynamic and responsive user interfaces
- TailwindCSS: For styling, we use Tailwind CSS with custom configurations
- TypeScript: We use TypeScript throughout the application for better type safety and developer experience
Backend & Database
- Express.js: Powers our backend API
- Prisma: Our ORM of choice for database operations
- PostgreSQL: Main database
Documentation & Blog
Our documentation and blog system is powered by:
- Astro: Using the Starlight template for documentation
- Starlight Blog: For our blog functionality
- Tailwind: Consistent styling across docs and blog
Payment Processing
We integrate with Stripe for payment processing, offering:
- Subscription management
- Customer portal integration
- Webhook handling for payment events
Development & Testing
- Playwright: For end-to-end testing
- TypeScript: For type safety during development
- Prettier: Code formatting
- ESLint: Code quality and consistency
Key Features Implemented
Some of the key features we’ve implemented include:
- User Authentication with multiple providers
- Subscription-based payment system
- Admin dashboard
- Blog and documentation system
- Analytics tracking
- Newsletter system
Why We Chose This Stack
The decision to use Wasp as our core framework was driven by its ability to significantly speed up development. By handling many of the common full-stack features automatically, we can focus on building our unique features.
The combination of React and TailwindCSS gives us the flexibility to create beautiful, responsive interfaces while maintaining consistency across our application. TypeScript adds an extra layer of safety and improves our development experience.
Future Plans
We’re continuously evolving our tech stack and have plans to:
- Implement more advanced analytics
- Add more payment options
- Enhance our testing coverage
- Improve our documentation system
Getting Started
If you’re interested in exploring our tech stack, you can check out the documentation or visit the GitHub repository.
This tech stack has proven to be robust and scalable for our needs, while maintaining developer productivity and code quality. We’re excited to continue building and improving our platform with these technologies.