NDA CLIENT - NEXTJS SUBSCRIPTION PLATFORM

Languages and Software

Frame 1.png
Frame 13.png
Frame 16.png
Frame 8.png
Frame 9.png
Frame 11.png
Frame 18.png
Frame 17.png

Subscription Platform for TV and Film Industry Client

Client: Confidential (Business in the TV and Film Industry)
Role: Full-stack Developer
Technologies Used: Next.js, TypeScript, T3 Model, Clerk, Prisma, PostgreSQL, Stripe, Strapi, Digital Ocean

Description

Developed a subscription-based website application for a business in the TV and film industry. The platform features type-safe querying, secure authentication, and robust subscription management, ensuring a seamless user experience for customers.

Key Features

  1. Next.js and TypeScript:
    Built a modern, responsive web application using Next.js for server-side rendering and improved performance.
    Utilized TypeScript for type-safe querying, enhancing code quality and maintainability.
  2. Authentication with Clerk:
    Implemented Clerk for user authentication, providing a fast and easy setup.
    Ensured secure and reliable login and registration processes for users.
  3. Database Management with Prisma and PostgreSQL:
    Set up Prisma to interact with a PostgreSQL database, storing customer details and onboarding information.
    Utilized the T3 model for efficient and type-safe database queries.
  4. Subscription Management with Stripe:
    Integrated Stripe for managing subscriptions and processing payments.
    Ensured a smooth and secure payment experience for users.
  5. Content Management with Strapi:
    Hosted a Strapi API on Digital Ocean, connected to an SQL database for content management.
    Enabled the client to easily add and update content through a user-friendly interface.

Achievements

  • Seamless User Experience: Delivered a smooth and intuitive user experience, leading to increased customer satisfaction and retention.
  • Efficient Content Management: Provided the client with an easy-to-use content management system, simplifying the process of updating and adding new content.
  • Scalability: Built a scalable solution capable of handling a growing number of subscribers and content updates.

devices-subscription-application 2.jpg
Screenshot 2024-07-29 at 15.42.55 2.jpg
Screenshot 2024-07-29 at 15.43.41 2.jpg
Screenshot 2024-07-29 at 15.38.34 2.jpg

Technical Details

  1. Frontend:
    Next.js: Used for its powerful features like server-side rendering and static site generation, enhancing performance and SEO.
    TypeScript: Ensured type safety throughout the application, reducing bugs and improving code quality.
  2. Backend:
    Prisma and PostgreSQL: Leveraged Prisma for interacting with the PostgreSQL database, ensuring efficient and type-safe data management.
    Strapi API: Deployed a Strapi API on Digital Ocean, connected to an SQL database for easy content management by the client.
  3. Authentication and Payments:
    Clerk: Chose Clerk for its ease of use and secure authentication capabilities.
    Stripe: Integrated Stripe for handling subscriptions and payments, ensuring a secure and reliable transaction process.
  4. Deployment and Maintenance:
    Digital Ocean: Hosted the Strapi API on Digital Ocean for reliable performance and scalability.
    Vercel: Deployed the main application on Vercel, ensuring high availability and fast load times.

Conclusion

This project demonstrates my ability to create complex, secure, and scalable web applications tailored to client needs. By integrating modern technologies and best practices, I delivered a solution that enhanced both the client’s workflow and their customers' experience.

Let's Chat!

If you’re looking to hire, have a question or want to book me for a consultation then get in touch with me at.

hello@willellis.tech

or book a slot with me on my calendly

Will Ellis