💻 #91: Build a Complete SaaS Platform with Next.js 13, React, Prisma, tRPC, Tailwind 📄

This project lets users upload PDFs and uses AI to understand and answer questions about what's in them

Nov 10, 2023

Hello, developer 👋🧑‍💻!

Most developers dream of creating code that earns them money. That's exactly what a SaaS (Software as a Service) does - it lets you charge for using the software you built. In this weekend's tutorial, we're making a complete SaaS project from start to finish.

You don't need to brainstorm ideas; just follow along. By the end, you'll have a SaaS with a homepage, user login, payment system, and an exciting service. This project allows users to upload PDFs and use AI to analyze and answer questions about the PDF's contents.

Let's begin!

Shout Outs and Sponsors

Before we get started I want to shout out a newsletter I’ve been really enjoying lately.

Dev Tales

is a weekly newsletter where Dimos interviews software developers of all levels, looking for inspiration and practical advice.

Readers of Dev Tales learn how to get their first job, find work as a contractor, get a pay raise, and work remotely while traveling the world.

Check out his latest!

Dev Tales

How to find work as a contractor: Learning from Rob Isenberg

Rob Isenberg London, UK Worked as a professional magician before getting a tech job Has been working as a developer for nearly two decades Has been a freelancer since 2010 Author of The Pragmatic Programmer's Docker for Rails Developers Behind the scenes…

2 years ago · 3 likes · Dimos Merachtsakis

To keep the tutorials flowing and support my newsletter, consider fueling my creativity with a coffee ☕️ - every cup makes a difference!

Buy me a coffee

Tutorial of the week:

Length: 11.5 hours
Difficulty: Intermediate

This weekend’s tutorial is Josh Tried Coding. I’m new to his channel but he seems promising and this tutorial is really great.

What you’ll learn this weekend:

Next.js ⚛️
Prisma 💎
tRPC 📩

3 frontend projects of the week:

Use these projects to inspire future projects of your own.

1. Trace Soccer

Here’s a very cool turn-based React and Tailwind project. You need to score on the opponent’s net by moving the ball up the field. However, you can’t move the ball where it’s already been moved. Tricky at first, but you’ll get the hang of it!

Check it out!

2. Booze API

A simple website displaying various cocktails and mixed drinks along with their recipes. Nice to have a reference when you’re looking to make yourself a drink.

Check it out!

3. Weeks Of Life

This project was likely inspired by Tim Urban’s blog post: Your Life In Weeks.
(Which I highly recommend reading)

Sometimes life seems really short, and other times it seems impossibly long. But this chart helps to emphasize that it’s most certainly finite. Those are your weeks and they’re all you’ve got.
- Tim Urban

Check it out!