Link Previewer

screenshot of Link Previewer

Link Previewer - Remix Full stack web app. Using Meta Scrapper and Prisma

Overview

The Link Previewer is a demo app that showcases various features of the Remix Stacks framework. It allows users to generate previews for URLs by providing a link, and then displays information such as the title, description, and image of the website.

Features

  • Multi-region Fly app deployment with Docker
  • Multi-region Fly PostgreSQL Cluster
  • Healthcheck endpoint for Fly backups region fallbacks
  • GitHub Actions for deploy on merge to production and staging environments
  • Email/Password Authentication with cookie-based sessions
  • Database ORM with Prisma
  • Styling with Tailwind
  • End-to-end testing with Cypress
  • Local third party request mocking with MSW
  • Unit testing with Vitest and Testing Library
  • Code formatting with Prettier
  • Linting with ESLint
  • Static Types with TypeScript
  • Deployed vercel with Prisma cloud and Heroku PostgreSQL

Summary

The Link Previewer is a demo app built using Remix Stacks that showcases various features and technologies. It allows users to generate previews for URLs and displays relevant information. The app utilizes Docker for multi-region app deployment and PostgreSQL cluster, GitHub Actions for automated deployment, and various other tools for testing, authentication, styling, and more. The installation process involves setting up the environment, running build scripts, and starting the development server.