Skip to content

exiguus/app-book-link

Repository files navigation

book_link App

Search a Book by ISBN or Title and Author. And retrieve the book cover and description. Share the book with your friends.

Try it: https://book-link.vercel.app/

Use Cases

  • Search a book by ISBN
  • Copy the results to the clipboard
  • Share a book with your friends via Link
  • Share a book with your friends via System-level share target picker
  • Search a book by Title and Author

Motivation

  • Digitialize and share my bookshelf
  • Take a closer look at Nuxt 3 and Vue 3 Composition API and Vue + TypeScript
  • Deploy, Develop and Run Vercel Serverless Functions

Monorepo

/
| apps/
|     | nuxt/
|     | ...
| packages/
|         | dev-utils/
|         | serverless/
|         | utils/
|         | ...

apps/

Book Search App

Scan a book barcode and search for it on the web. Or search for a book by title, author or ISBN.

packages/

use tsc commonjs and esm builds


Headless

Frontend

Nuxt as static site generator is a tool that generates a full static HTML website based on raw data and a set of templates.

  • Static Site Generation
  • Server Side Rendering
  • Client Side Rendering
  • Incremental Static Regeneration
  • Pre-rendering
  • Code Splitting
  • Data Fetching
  • Routing
  • Preview Mode

Solution: https://nuxt.com/

Backend

Serverless is a cloud computing execution model where the cloud provider dynamically manages the allocation and provisioning of servers.

  • Serverless Functions

Developnment and Infrastructure

In this Monorepo, multiple projects and components are stored in a single repository, allowing shared code and dependencies to be centralized and versioned.

  • Development and Design Workflow
  • Continuous Integration
  • Continuous Deployment
  • Development Environments
  • Preview Environments
  • Production Environments
  • Linting
  • Formatting
  • Testing
  • Dependency Management
  • Versioning
  • Documentation
  • Performance Optimization
  • Security
  • Accessibility
  • Monitoring
  • Analytics
  • Error Tracking

Solution: https://pnpm.io/, https://turbo.build, https://vercel.com/ and https://github.com/

Testing

Testing involves various methods and techniques to assess the quality and functionality of the software application.

  • Unit Testing
  • Integration Testing
  • System Testing
  • Performance Testing
  • Accessibility Testing
  • Security Testing
  • Performance Baseline WebPageTest and PageSpeed Insights

Solutions: https://jestjs.io/, https://testing-library.com/, https://playwright.dev/ and https://github.com/

Documentation