Tech gems 👁️ #9: Nuxt at scale and vector search for SQLite

Adrien Zaganelli - 10 juin 2024

▶️ Vector Search is coming to SQLite
▶️ Vector Search with Nuxt and SQLite
▶️ Domain-driven code architecture with Nuxt layers
▶️ Be cautious with Nuxt auto-imports
▶️ The best way to validate forms in Nuxt (full-stack)

Vector Search is coming to SQLite

Turso brings Native Vector Search to SQLite Turso brings Native Vector Search to SQLite

Turso brings Native Vector Search to SQLite

Vector search is a technique that converts unstructured data into numeric representations to enable more relevant and efficient searches beyond just keywords. It's widely used in machine learning and LLM.

While vector search is possible in SQLite with an extension, Turso includes it natively in their fork: LibSQL.

Vector Search with Nuxt and SQLite

Nuxt: Building a Similar Products Feature with Vector Search and SQLite Nuxt: Building a Similar Products Feature with Vector Search and SQLite

Nuxt: Building a Similar Products Feature with Vector Search and SQLite

Learn how to build a similar products recommendation feature using SQLite, OpenAI embeddings, and Nuxt.

Markus Oberlehner provides a step-by-step tutorial on how to integrate SQLite and OpenApi into a Nuxt app. This could useful if you are working on e-commerce.

Domain-driven code architecture with Nuxt layers

Modular site architecture with Nuxt layers Modular site architecture with Nuxt layers

Modular site architecture with Nuxt layers

Build sites that scale by organising code by domain, not concern

The flat folder structure of Nuxt might not be well suited for teams or large projects. Dave Steward gives us a few ways to organize our code by domain (or feature) with Nuxt layers.

Be cautious with Nuxt auto-imports

Getting a grip on Nuxt's auto-import functionality Getting a grip on Nuxt's auto-import functionality

Getting a grip on Nuxt's auto-import functionality

Understanding when to use and when to avoid the auto-import magic

Nuxt's auto-import functionality can be both useful and challenging. While it saves lines and improves readbility, it can grow you bundle size and/or global namespace collisions.

Dave Stewart (again) explains how to avoid these pitfalls in large projects.

The best way to validate forms in Nuxt (full-stack)

Nuxt Going Full-Stack: How to Validate Forms?Nuxt Going Full-Stack: How to Validate Forms?

Nuxt Going Full-Stack: How to Validate Forms?

Discover how to validate forms on both the client and server sides without duplicating the validation logic, from simple text fields to complex file uploads with NuxtHub.

Estéban Soubiran from UnJs shows us how he managed to validate forms on both the client and server sides without duplicating the validation logic, from simple text fields to complex file uploads.