Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

egghead.io

Learn Remix by Building a Social Media Platform with TypeScript and Prisma

via egghead.io

Overview

Remix takes a more traditional approach to web development, it embraces the Client/Server model and by doing so unlocks the web platform in ways you might not be used to.
You'll find yourself not reaching for global state management as much (try not to when you first start out!) because you have access to what's on the server readily available to you anywhere in your application, database and all. In addition to state management adjustments, you'll also find yourself using actual platform API like Forms and the Web Fetch API.
Along with Remix, Ian utilizes TypeScript, Prisma, PlanetScale, and Vercel in this course for a truly wonderful developer experience.
Prisma + TypeScript make it easy to model and validate all the data flowing through your application. With Prisma set up, you'll find switching to a deployed, production database is a breeze (no really) with PlanetScale. Tying it all together is Vercel which plays nice with GitHub and PlanetScale for easy deploys.
With this stack, you will build out an MVP for a social media type application. You’ll start your journey by building out the more static parts of your application, introducing you to Remix API and Patterns along the way. As you get familiar with these API and Patterns Ian will introduce you to more complex features. This includes user authentication through cookie session storage and implementing an authentication strategy (which again, is a lot more pleasant than it sounds with Remix!).

Syllabus

  • Load and Display Static Data with Remix loaders
  • Install and Model Data with Prisma
  • Retrieve and Display Data from the Database through Prisma and Remix Loaders
  • Set up Tailwind and Create a Presentational Component in Remix
  • Add Data to your Database through Remix Actions and Prisma create
  • Validate Form Data Through a Remix Action using Zod
  • Connect a Remix Application to PlanetScale Through Prisma
  • Deploy a Remix Application with Production Database to the Internet Through Vercel
  • Create and Utilize a User Model with Prisma in Remix
  • Create and Use a Layout with Remix Pathless Layout Routes
  • Validate User Sign Up Data in Remix and Hash a Password
  • Implement User Login in Remix with a Form Strategy and Session Storage
  • Implement Log out Functionality and Only Allow Logged in Users to See Posts
  • Add User Data to a Post Creation in Remix

Taught by

Ian Jones

Reviews

4.5 rating at egghead.io based on 20 ratings

Start your review of Learn Remix by Building a Social Media Platform with TypeScript and Prisma

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.