At Xata, we're always evolving. That's evident as we consistently update our examples repo with new JavaScript frameworks.
Our mission is to simplify the way developers work with data. This is ingrained in everything we do, from our products to the educational material we create to enable you to be productive with Xata. We're excited to share six new getting started guides for these popular full-stack JavaScript frameworks: Astro, Next.js, Nuxt, Remix, SolidStart, and SvelteKit.
The new getting started with Xata guides for Astro, Next.js, Nuxt, Remix, SolidStart, and SvelteKit walk you through building a blog application and, in doing so, help you learn some Xata fundamentals.
The guides demonstrate features such as:
- Using the Xata CLI to create a database
- Defining a database schema and seeding the database by importing a CSV
- TypeScript code generation with database branching
- Querying and filtering
- Full-text fuzzy search
The guides also cover some specific framework features and how those work with Xata.
Astro
With the recent launch of Astro 3.0, now is a great time to dive into the Xata and Astro Getting Started guide. This guide demonstrates using Xata database and full-text search in combination with Astro features such as Static Site Generation (SSG), dynamic routes, and Server Side Rendering (SSR) via Astro "hybrid" mode.
Get started with Xata and Astro →
Next.js
Next.js is the most popular full-stack JavaScript framework on the planet. So, we've rewritten our existing guide to show how to integrate Xata database and full-text search into a Next.js App router based application with server components. The guide also covers dynamic routes and how to use search parameters to power full-text search.
Get started with Xata and Next.js →
Nuxt
The Nuxt and Xata Getting Started guide demonstrates integrating Xata database to retrieve the content via Nuxt server/API routes, invoked on both the server and client. The guide also covers Vue.js conditional rendering and how to use Nuxt dynamic parameters to drive database and full-text search queries.
Get started with Xata and Nuxt →
Remix
The Xata and Remix Getting Started guide shows how to build a Xata database-driven application with full-text fuzzy search. It covers using the useLoaderData Remix hook to load data from a Xata database, using Remix dynamic segments to pass parameters within URLs, and how to use search parameters within a Remix application to integrate Xata's full-text fuzzy search.
Get started with Xata and Remix →
SolidStart
SolidStart is currently in beta, but shows a lot of promise. This new Xata with SolidStart Getting Started guide is an opportunity to learn some of the basics of Xata, SolidStart, and SolidJS. It covers using createServerData$ and useRouteData to load data from a Xata database, using the <Match /> and <Switch />, and <For /> SolidJS logic operators for conditional UI rendering. It also walks through defining and accessing path parameters using dynamic routing and how to access and use search parameters within a SolidStart application to integrate Xata's full-text fuzzy search.
Get started with Xata and SolidStart →
SvelteKit
The Xata and SvelteKit Getting Started guide demonstrates how to load data from a database using SvelteKit data loading, how to render data using Svelte logic blocks and page parameters, and how to add full-text search to a SvelteKit application via URL data.
Get started with Xata and SvelteKit →
What should we write next?
We'd love to hear from you if you have any feedback on the guides or if you'd like to see guides for other frameworks or technologies.
So, reach out to us on Discord or join us on Twitter / X.
Top comments (0)