Create and edit link pages

102 views
30 hours watched
9 completions

In this lesson we create and edit link pages, including a form with validation/error handling, and UI improvements.

Video thumbnail

Log in

This lesson is free, but you need to log in to get full access to the video and lesson content.

Join 4.6K+ learners from companies like Shopify, Microsoft, Tiktok, AppSumo and Instacart.

Setting Up the Create Component

We started by creating a new component for creating link pages. The component includes fields for username, title, description, and theme. We implemented basic validation to prevent duplicate usernames and limited users to two link pages for free accounts.

Implementing Toaster Messages

We added toaster messages to provide feedback to users:

  • Success messages when a link page is created
  • Error messages when a username is already taken

The error toast styling needs improvement, as it currently lacks the expected red color.

We set up an edit page for link pages and updated...

This lesson is free, but you need to log in to view it.

Login →