Skip to content
Optimistic News Optimistic News Optimistic News Blog

wasp

1 post with the tag “wasp”

Our Tech Stack - Building a Modern Full-Stack Application

Hannah
Hannah
Dev @ Optimistic News

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:

  1. User Authentication with multiple providers
  2. Subscription-based payment system
  3. Admin dashboard
  4. Blog and documentation system
  5. Analytics tracking
  6. 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.