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/