Adding custom URLs

17 views
3 hours watched
2 completions

Let's build a mini scraper to fetch URL details and allow custom links to be added.

  • Space Play/pause
  • /
  • Shift + + Increase speed
  • /
  • Shift + - Decrease speed
  • /
  • F Toggle fullscreen

Get full access

You need to subscribe to get full access to the video and lesson content.

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

Lifetime

Lifetime access to all Playbooks courses.

Only 171 spots left!

$197 one-time

We've successfully added a custom link feature to our link manager. Users can now add links by providing a URL, which is then crawled to fetch the page title, description, and icon. Here's what we've accomplished:

  1. Created a new CustomLink LiveWire component
  2. Implemented a URLCrawlerService to fetch page information
  3. Added error handling for invalid URLs or crawling issues
  4. Integrated the custom link feature into the existing link manager interface
  1. User enters a URL and hits enter
  2. The system crawls the URL to fetch metadata
  3. A new link item is added to the link page
  4. Users can edit the title and description by clicking on them

Error Handling

We've refined the error handling process to display a single error toast message when a link can't be added due to invalid URLs or crawling issues.

UI Improvements

  • Buttons in the custom link component now match the style of the link manager
  • Removed unnecessary elements like the fetch button
  • Improved placeholder text for better user guidance

Completed Tasks

  • [x] Custom URL links implementation
  • [x] Link editing functionality

Next Steps

  1. Implement link visibility toggle
  2. Create a drag-and-drop interface for ordering links
  3. Develop and test the front-end...

Subscribe now to get full access to the lesson content.

Get started →