YoVDO

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

Offered By: egghead.io

Tags

React Courses Web Development Courses Typescript Courses

Course Description

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

Related Courses

DEV201x: Introduction to TypeScript
Microsoft via edX
Developing Dynamic Web Applications Using Angular
Microsoft via edX
Introduction to TypeScript 2
Microsoft via edX
Multiplatform Mobile App Development with NativeScript
The Hong Kong University of Science and Technology via Coursera
Angular Fundamentals
Microsoft via edX