From 69037a467e94b62aee4fb22bc06dc99a9d11498d Mon Sep 17 00:00:00 2001 From: Zoey Kaiser Date: Thu, 18 Dec 2025 09:28:16 +0100 Subject: [PATCH 1/2] chore: adjust wording to Nuxt 3+ --- .vitepress/config.mts | 2 +- .vitepress/head.ts | 2 +- .vitepress/routes/sidebar.ts | 2 +- .../theme/components/Landing/Stack/data.ts | 4 ++-- .../components/Landing/Terminal/Terminal.vue | 4 ++-- .../components/Landing/Testimonials/data.ts | 2 +- src/index.md | 2 +- src/sidebase/components/index.md | 2 +- src/sidebase/components/nuxt-3.md | 12 ++++++------ src/sidebase/components/nuxt-auth.md | 4 ++-- src/sidebase/components/prisma.md | 2 +- src/sidebase/components/tailwindcss.md | 2 +- src/sidebase/components/trpc.md | 4 ++-- src/sidebase/resources/breakpoint-debugging.md | 2 +- src/sidebase/resources/coding-setup.md | 4 ++-- src/sidebase/welcome/faq.md | 6 +++--- src/sidebase/welcome/index.md | 2 +- src/sidebase/welcome/quick-start.md | 2 +- src/sidebase/welcome/stacks.md | 18 +++++++++--------- 19 files changed, 39 insertions(+), 39 deletions(-) diff --git a/.vitepress/config.mts b/.vitepress/config.mts index 05610e51..c67c47c1 100644 --- a/.vitepress/config.mts +++ b/.vitepress/config.mts @@ -7,7 +7,7 @@ import { headConfig, sitemapConfig } from './head' export default defineConfig({ title: 'sidebase', titleTemplate: ':title - by SIDESTREAM', - description: 'The productive way to build fullstack Nuxt 3 applications.', + description: 'The productive way to build fullstack Nuxt 3+ applications.', srcDir: 'src', base: '/', cleanUrls: true, diff --git a/.vitepress/head.ts b/.vitepress/head.ts index d257da75..ae2a0e89 100644 --- a/.vitepress/head.ts +++ b/.vitepress/head.ts @@ -9,7 +9,7 @@ export const headConfig: HeadConfig[] = [ ['link', { rel: 'icon', href: '/favicon.ico' }], ['meta', { name: 'theme-color', content: '#30A36C' }], ['meta', { property: 'og:title', content: 'sidebase - by SIDESTREAM' }], - ['meta', { property: 'og:description', content: 'The web app development kit to build production fullstack Nuxt 3 apps quickly.' }], + ['meta', { property: 'og:description', content: 'The web app development kit to build production fullstack Nuxt 3+ apps quickly.' }], ['meta', { property: 'og:site_name', content: 'sidebase' }], ['meta', { property: 'og:type', content: 'website' }], ['meta', { property: 'og:locale', content: 'en' }], diff --git a/.vitepress/routes/sidebar.ts b/.vitepress/routes/sidebar.ts index 9a134b92..170d8d4d 100644 --- a/.vitepress/routes/sidebar.ts +++ b/.vitepress/routes/sidebar.ts @@ -37,7 +37,7 @@ export const routes: DefaultTheme.Config['sidebar'] = { link: '/', }, { - text: 'Nuxt 3', + text: 'Nuxt 3+', link: '/nuxt-3', }, { diff --git a/.vitepress/theme/components/Landing/Stack/data.ts b/.vitepress/theme/components/Landing/Stack/data.ts index 966430d7..7f63b3f8 100644 --- a/.vitepress/theme/components/Landing/Stack/data.ts +++ b/.vitepress/theme/components/Landing/Stack/data.ts @@ -11,7 +11,7 @@ export interface StackItem { export const stackItems: StackItem[] = [ { name: 'Nuxt', - description: 'Nuxt 3 wraps Vue 3 to help us productive Vue 3 quicker than ever before: Fullstack web Apps, Static Websites, PWAs and more are all possible with Nuxt 3. Nuxt also optimizes all of these modes heavily to provide the best user-experience (UX) and developer-experience (DX).', + description: 'Nuxt wraps Vue 3 to help us productive Vue 3 quicker than ever before: Fullstack web Apps, Static Websites, PWAs and more are all possible with Nuxt. Nuxt also optimizes all of these modes heavily to provide the best user-experience (UX) and developer-experience (DX).', link: '/sidebase/components/nuxt-3', logoPath: '/brands/nuxt.svg', }, @@ -42,7 +42,7 @@ export const stackItems: StackItem[] = [ }, { name: 'NuxtAuth', - description: 'NuxtAuth wraps the very popular Auth.js library and brings its 23k github star power to the Nuxt 3 ecosystem. With nuxt-auth you can implement authentication via most possible OAuth providers in a few seconds.', + description: 'NuxtAuth wraps the very popular Auth.js library and brings its 23k github star power to the Nuxt 3+ ecosystem. With nuxt-auth you can implement authentication via most possible OAuth providers in a few seconds.', logoPath: '/brands/nuxt-auth.png', }, { diff --git a/.vitepress/theme/components/Landing/Terminal/Terminal.vue b/.vitepress/theme/components/Landing/Terminal/Terminal.vue index bbec8a1a..65f861a1 100644 --- a/.vitepress/theme/components/Landing/Terminal/Terminal.vue +++ b/.vitepress/theme/components/Landing/Terminal/Terminal.vue @@ -85,7 +85,7 @@ export default defineComponent({ - sidebase helps you to create fully typesafe Nuxt 3 app in seconds! + sidebase helps you to create fully typesafe Nuxt 3+ app in seconds!
@@ -103,7 +103,7 @@ export default defineComponent({ Now setting up my-first-sidebase-project: - ✔ Adding Nuxt 3 merino-template + ✔ Adding Nuxt 3+ merino-template ✔ Adding Nuxt modules ✔ Adding README
diff --git a/.vitepress/theme/components/Landing/Testimonials/data.ts b/.vitepress/theme/components/Landing/Testimonials/data.ts index 81df3fc8..3e28c13d 100644 --- a/.vitepress/theme/components/Landing/Testimonials/data.ts +++ b/.vitepress/theme/components/Landing/Testimonials/data.ts @@ -41,7 +41,7 @@ export const testimonials: Testimonial[] = [ { name: 'Fabian', avatar: 'https://avatars.githubusercontent.com/madebyfabian', - text: 'Thank you so much for sharing! Trying to use nuxt 3 on a larger project currently, and struggling a lot in terms of project structure, best practices, which ecosystems & libs to use', + text: 'Thank you so much for sharing! Trying to use Nuxt 3+ on a larger project currently, and struggling a lot in terms of project structure, best practices, which ecosystems & libs to use', githubLink: 'https://github.com/madebyfabian', twitterLink: 'https://twitter.com/madebyfabian/status/1566393943578787840', }, diff --git a/src/index.md b/src/index.md index 2ce50504..c06f89f2 100644 --- a/src/index.md +++ b/src/index.md @@ -4,7 +4,7 @@ layout: home hero: name: "sidebase" - text: "The productive way to build fullstack Nuxt 3 applications." + text: "The productive way to build fullstack Nuxt 3+ applications." tagline: "sidebase is a web app development kit to build production ready fullstack apps quickly." actions: - theme: brand diff --git a/src/sidebase/components/index.md b/src/sidebase/components/index.md index 6e56a158..412f3c30 100644 --- a/src/sidebase/components/index.md +++ b/src/sidebase/components/index.md @@ -1,5 +1,5 @@ --- -description: "sidebase is made up of components like: Nuxt 3, TypeScript, Prisma ORM and more. This section explains how to use these different components in your sidebase Nuxt 3 app." +description: "sidebase is made up of components like: Nuxt 3+, TypeScript, Prisma ORM and more. This section explains how to use these different components in your sidebase Nuxt 3+ app." --- # Overview diff --git a/src/sidebase/components/nuxt-3.md b/src/sidebase/components/nuxt-3.md index 69e459a4..92574477 100644 --- a/src/sidebase/components/nuxt-3.md +++ b/src/sidebase/components/nuxt-3.md @@ -1,11 +1,11 @@ --- -description: "Nuxt 3 is a core-component of sidebase: It's always there and ensures that production-ready fullstack Vue 3 apps can be developed smoothly. Learn how to use Nuxt 3 with sidebase here." +description: "Nuxt 3+ is a core-component of sidebase: It's always there and ensures that production-ready fullstack Vue 3 apps can be developed smoothly. Learn how to use Nuxt 3+ with sidebase here." --- -# Nuxt 3 +# Nuxt 3+ -[Vue 3](https://vuejs.org/) is great - it has kept its promise of progressiveness and simplicity for web app development. It also has a rich ecosystem of libraries, modules and a sprawling developer community. [Nuxt 3](https://nuxt.com/) wraps Vue 3 to help us productive Vue 3 quicker than ever before: Fullstack web Apps, Static Websites, PWAs and more are all possible with Nuxt 3. Nuxt also optimizes all of these modes heavily to provide the best user-experience (UX) and developer-experience (DX). Nuxt 3 prides itself with being "The Intuitive Web Framework" - and we agree! +[Vue 3](https://vuejs.org/) is great - it has kept its promise of progressiveness and simplicity for web app development. It also has a rich ecosystem of libraries, modules and a sprawling developer community. [Nuxt 3+](https://nuxt.com/) wraps Vue 3 to help us productive Vue 3 quicker than ever before: Fullstack web Apps, Static Websites, PWAs and more are all possible with Nuxt 3+. Nuxt also optimizes all of these modes heavily to provide the best user-experience (UX) and developer-experience (DX). Nuxt 3+ prides itself with being "The Intuitive Web Framework" - and we agree! -Nuxt 3 is what "launches" your app. So you are already using it after running: +Nuxt 3+ is what "launches" your app. So you are already using it after running: ::: code-group ```bash [npm] npm run dev @@ -21,11 +21,11 @@ yarn run dev You will see an output like this (if everything went well): ```bash Nuxi 3.0.0 -Nuxt 3.0.0 with Nitro 1.0.0 +Nuxt 3+.0.0 with Nitro 1.0.0 > Local: http://localhost:3000/ > Network: http://192.168.8.118:3000/ > Network: http://[fd60:aaef:97c3:d900:ce:722e:a03c:dc0]:3000/ ``` -When you open `localhost:3000` you will see the sidebase-start-screen. It is very minimal - don't let that shock you. It is meant to be removed as one of your first actions and be replaced with your own beautiful idea. Checkout the [official nuxt-docs here](https://nuxt.com) for further reading and a deep-dive into Nuxt 3. +When you open `localhost:3000` you will see the sidebase-start-screen. It is very minimal - don't let that shock you. It is meant to be removed as one of your first actions and be replaced with your own beautiful idea. Checkout the [official nuxt-docs here](https://nuxt.com) for further reading and a deep-dive into Nuxt 3+. diff --git a/src/sidebase/components/nuxt-auth.md b/src/sidebase/components/nuxt-auth.md index 19b683d4..63b36608 100644 --- a/src/sidebase/components/nuxt-auth.md +++ b/src/sidebase/components/nuxt-auth.md @@ -1,8 +1,8 @@ --- -description: "Authenticated Nuxt 3 apps are easy! Use this page to learn how to use authentication after setting it up via sidebase." +description: "Authenticated Nuxt 3+ apps are easy! Use this page to learn how to use authentication after setting it up via sidebase." --- # Nuxt Auth -`nuxt-auth` is a module we made ourselves. It wraps the very popular NextAuth.js library and brings its 12k github star power to the Nuxt 3 ecosystem. With `nuxt-auth` you can implement authentication via most possible OAuth providers in a few seconds. +`nuxt-auth` is a module we made ourselves. It wraps the very popular NextAuth.js library and brings its 12k github star power to the Nuxt 3+ ecosystem. With `nuxt-auth` you can implement authentication via most possible OAuth providers in a few seconds. We've written a full documentation for `nuxt-auth`, [please check it out here](https://auth.sidebase.io). diff --git a/src/sidebase/components/prisma.md b/src/sidebase/components/prisma.md index ec11f48b..f108e7c5 100644 --- a/src/sidebase/components/prisma.md +++ b/src/sidebase/components/prisma.md @@ -1,5 +1,5 @@ --- -description: "Nuxt 3 and Prisma make a great team. It's super easy to setup Prisma ORM with Nuxt 3 by using sidebase - use this page to learn how to use Prisma after setting it up via sidebase." +description: "Nuxt 3+ and Prisma make a great team. It's super easy to setup Prisma ORM with Nuxt 3+ by using sidebase - use this page to learn how to use Prisma after setting it up via sidebase." --- # Prisma ORM diff --git a/src/sidebase/components/tailwindcss.md b/src/sidebase/components/tailwindcss.md index e731b612..de1133b9 100644 --- a/src/sidebase/components/tailwindcss.md +++ b/src/sidebase/components/tailwindcss.md @@ -1,5 +1,5 @@ --- -description: "TailwindCSS and Nuxt 3 are a match made in heaven! Use this page to learn how to use Tailwind CSS after setting it up via sidebase." +description: "TailwindCSS and Nuxt 3+ are a match made in heaven! Use this page to learn how to use Tailwind CSS after setting it up via sidebase." --- # Tailwind CSS diff --git a/src/sidebase/components/trpc.md b/src/sidebase/components/trpc.md index 0fe13fea..61285bea 100644 --- a/src/sidebase/components/trpc.md +++ b/src/sidebase/components/trpc.md @@ -1,5 +1,5 @@ --- -description: "Nuxt 3 and tRPC make a great team. It's super easy to setup tRPC with Nuxt 3 by using sidebase - use this page to learn how to use tRPC after setting it up via sidebase." +description: "Nuxt 3+ and tRPC make a great team. It's super easy to setup tRPC with Nuxt 3+ by using sidebase - use this page to learn how to use tRPC after setting it up via sidebase." --- # tRPC @@ -7,7 +7,7 @@ tRPC rightly has the tagline "Move Fast and Break Nothing.": It allows you to de In addition tRPC allows automatic de-/serialization of complex data-types (think: `Date`, `Map`, `Set`, `Array`, ...) using `superjson`. So when you send a `Date`-object from the backend to your frontend, you can use it as a `Date` in your frontend, no need to manually call `new Date(...)` and add additional verification code for proper deserialization, amazing! Adding `zod` on top can give you automatic input validation of data that comes into your endpoints (see below). -Under the hood sidebase uses the [`nuxt-trpc` module](https://trpc-nuxt.vercel.app/) to integrate tRPC. This module sets up a `tRPC` router in the Nuxt 3 backend. This router serves as the API you can then call. The "hello world" route that comes with sidebase looks as follows: +Under the hood sidebase uses the [`nuxt-trpc` module](https://trpc-nuxt.vercel.app/) to integrate tRPC. This module sets up a `tRPC` router in the Nuxt 3+ backend. This router serves as the API you can then call. The "hello world" route that comes with sidebase looks as follows: ::: code-group ```ts [server/trpc/routers/index.ts] import { z } from 'zod' diff --git a/src/sidebase/resources/breakpoint-debugging.md b/src/sidebase/resources/breakpoint-debugging.md index c63612c4..f673c472 100644 --- a/src/sidebase/resources/breakpoint-debugging.md +++ b/src/sidebase/resources/breakpoint-debugging.md @@ -1,5 +1,5 @@ --- -description: "Guide that describes how to perform breakpoint JS debugging of Vue 3 + Nuxt 3 + sidebase apps in VS Code." +description: "Guide that describes how to perform breakpoint JS debugging of Vue 3 + Nuxt 3+ + sidebase apps in VS Code." --- # Breakpoint Debugging diff --git a/src/sidebase/resources/coding-setup.md b/src/sidebase/resources/coding-setup.md index e9fd9375..6ab0bba3 100644 --- a/src/sidebase/resources/coding-setup.md +++ b/src/sidebase/resources/coding-setup.md @@ -1,7 +1,7 @@ --- -description: "Guide that describes how to correctly configure Node, npm and VS Code with nvm and Volar for Vue 3 and Nuxt 3." +description: "Guide that describes how to correctly configure Node, npm and VS Code with nvm and Volar for Vue 3 and Nuxt 3+." --- -# Node, npm, VS Code setup for Vue and Nuxt 3 +# Node, npm, VS Code setup for Vue and Nuxt 3+ If this is the first time you run a `npm` / `node` app on your setup, this guide will help you to set both of them up for your sidebase project: diff --git a/src/sidebase/welcome/faq.md b/src/sidebase/welcome/faq.md index 79d700ab..6a018788 100644 --- a/src/sidebase/welcome/faq.md +++ b/src/sidebase/welcome/faq.md @@ -34,7 +34,7 @@ npm run dev // Start the development server, use CTRL+C to stop If you're not familiar with the technologies that are used here, we suggest that you [get help](/sidebase/welcome/getting-help) or read through the introductions of each technology in the usage section: - [Quick Start](/sidebase/welcome/quick-start) -- [Nuxt 3](/sidebase/components/nuxt-3) +- [Nuxt 3+](/sidebase/components/nuxt-3) - [TypeScript](/sidebase/components/typescript) - [Prisma ORM](/sidebase/components/prisma) - [Tailwind CSS](/sidebase/components/tailwindcss) @@ -49,11 +49,11 @@ This is a quite common problem and often time comes down to one of the following The sidebase template is alive and well! It's used to setup Cheviot under the hood, so if you want to use the sidebase template, just select "Cheviot" in the first sidebase CLI step. You [can still find the sidebase source-code and template here](https://github.com/sidebase/sidebase). It is basically used unaltered for Cheviot. -## Why are TypeScript and Nuxt 3 essential? +## Why are TypeScript and Nuxt 3+ essential? TypeScript (TS) is essential because it provides guard-rails for development: TS let's us know what we talk about in our meeting when we discuss what the `roles: Roles[]` array contains, it informs our code-editor what we might be trying to do and let's it help us (think of GitHub Co-Pilot, but less AI), it guarantees certain kinds of correctness that we could only discover as a "bug" when our application was already deployed. The numerous benefits of TS are well known, if you want to read on, how about checking out [the official Why TypeScript page](https://www.typescriptlang.org/why-create-typescript). -[Vue 3](https://vuejs.org/) is great - it has kept its promise of progressiveness and simplicity for web app development. It also has a rich ecosystem of libraries, modules and a sprawling developer community. [Nuxt 3](https://nuxt.com/) wraps Vue 3 to help us productive Vue 3 quicker than ever before: Fullstack web Apps, Statis Websites, PWAs and more are all possible with Nuxt 3. Nuxt also optimizes all of these modes heavily to provide the best user-experience (UX) and developer-experience (DX). +[Vue 3](https://vuejs.org/) is great - it has kept its promise of progressiveness and simplicity for web app development. It also has a rich ecosystem of libraries, modules and a sprawling developer community. [Nuxt 3+](https://nuxt.com/) wraps Vue 3 to help us productive Vue 3 quicker than ever before: Fullstack web Apps, Statis Websites, PWAs and more are all possible with Nuxt 3+. Nuxt also optimizes all of these modes heavily to provide the best user-experience (UX) and developer-experience (DX). ## Where can I get help? diff --git a/src/sidebase/welcome/index.md b/src/sidebase/welcome/index.md index f5207f81..dc44fa5c 100644 --- a/src/sidebase/welcome/index.md +++ b/src/sidebase/welcome/index.md @@ -5,7 +5,7 @@ description: "sidebase is a web development kit and CLI to build production read sidebase is a web development kit to build production ready fullstack apps quickly. sidebase relies on modern, fully-typed and best-practice technology to achieve this goal. sidebase embraces the fullstack TypeScript approach to app development: Code sharing between client and server, reduced learning curve for engineers and code-reuse across apps are things we love about this approach. That said, you can also use sidebase to build client-side only apps. -The core of sidebase are [Nuxt 3](https://nuxt.com/) and [TypeScript](https://www.typescriptlang.org/). On top of that sidebase provides different stacks that come ready with common components you need for a production application, including: +The core of sidebase are [Nuxt 3+](https://nuxt.com/) and [TypeScript](https://www.typescriptlang.org/). On top of that sidebase provides different stacks that come ready with common components you need for a production application, including: - Database - API setup and typesafety - CI pipelines diff --git a/src/sidebase/welcome/quick-start.md b/src/sidebase/welcome/quick-start.md index b44ce1cd..05335c64 100644 --- a/src/sidebase/welcome/quick-start.md +++ b/src/sidebase/welcome/quick-start.md @@ -1,5 +1,5 @@ --- -description: "Quick-start and first-steps of using sidebase to create production-ready fullstack Vue 3 and Nuxt 3 applications." +description: "Quick-start and first-steps of using sidebase to create production-ready fullstack Vue 3 and Nuxt 3+ applications." --- # Quick Start diff --git a/src/sidebase/welcome/stacks.md b/src/sidebase/welcome/stacks.md index 64812f4b..9bdcb216 100644 --- a/src/sidebase/welcome/stacks.md +++ b/src/sidebase/welcome/stacks.md @@ -3,11 +3,11 @@ description: "sidebase offers two different stacks: The heavy. fully-featured Ch --- # Stacks -sidebase has a core comprised of [Nuxt 3](https://nuxt.com/) and [TypeScript](https://www.typescriptlang.org/). These two technologies are a must for all sidebase applications. On top of that sidebase offers different "stacks" that build on its core. A stack adds multiple additional packages, configs, ... to the core. Currently, two stacks are available: +sidebase has a core comprised of [Nuxt 3+](https://nuxt.com/) and [TypeScript](https://www.typescriptlang.org/). These two technologies are a must for all sidebase applications. On top of that sidebase offers different "stacks" that build on its core. A stack adds multiple additional packages, configs, ... to the core. Currently, two stacks are available: - [Merino](/sidebase/welcome/stacks#merino): A fine-grained stack that let's you choose configuration and modules, e.g.: Want Prisma ORM or not? Want Naive UI or not? ... - [Cheviot](/sidebase/welcome/stacks#cheviot): A batteries-included but less flexible stack where most decisions were made for you -Both stacks deliver a stellar user-experience and can be deployed to all places that [Nuxt 3 supports out of the box](https://nuxt.com/docs/getting-started/deployment#deployment). The `create-sidebase` will ask you what stack to use in its first step. The follow-up questions are then different depending on the stack you chose: +Both stacks deliver a stellar user-experience and can be deployed to all places that [Nuxt 3+ supports out of the box](https://nuxt.com/docs/getting-started/deployment#deployment). The `create-sidebase` will ask you what stack to use in its first step. The follow-up questions are then different depending on the stack you chose: ::: code-group ```bash [npm] npm create sidebase@latest @@ -30,7 +30,7 @@ Below the two stacks are described in greater detail, but you do not need this i The Merino stack allows fine-grained pick and choose for a selection of modules, libraries, ... to add to the sidebase core. Merino is ideal if you want to use a version of sidebase that is tailored to your specific needs and slightly-less opinionated than the Cheviot stack. Merino is less ideal if you do not have the resources or capabilities to customize and extend your starter beyond what the CLI offers or have troubles or do not want to bother with code editor configuration. Merino allows you to: -- Configure `eslint`, `typescript` and VS Code extensions specifically for Nuxt 3 +- Configure `eslint`, `typescript` and VS Code extensions specifically for Nuxt 3+ - PrismaORM: Next-generation Node.js and TypeScript ORM. [Read more here](/sidebase/components/prisma) - tRPC: End-to-end typesafe APIs in Nuxt applications, pre-configured with [zod](https://github.com/colinhacks/zod) and [superjson](https://github.com/blitz-js/superjson) for best DX. [Read more here](/sidebase/components/trpc) - Authentication: Authentication via OAuth, Credentials and more, wraps NextAuth.js with 12k stars. [Read more here](https://auth.sidebase.io) @@ -45,7 +45,7 @@ To use Merino, select "Merino" in the first step of the sidebase CLI. ## Cheviot -The Cheviot stack is a batteries-included setup with a databse ORM, testing setup, a UI component library, Dockerfiles for deployment, configuration files to improve your VS Code editing experience, a linting setup with pre-selected eslint rules and more. Cheviot is built on and maintained as ["the sidebase Nuxt 3 starter template" in this repository](https://github.com/sidebase/sidebase). Cheviot is ideal if you want to just get going with an opinionated stack that works. Cheviot is: +The Cheviot stack is a batteries-included setup with a databse ORM, testing setup, a UI component library, Dockerfiles for deployment, configuration files to improve your VS Code editing experience, a linting setup with pre-selected eslint rules and more. Cheviot is built on and maintained as ["the sidebase Nuxt 3+ starter template" in this repository](https://github.com/sidebase/sidebase). Cheviot is ideal if you want to just get going with an opinionated stack that works. Cheviot is: - **Fullstack**: Develop frontend and backend in a single TypeScript code base - **Fast to code**: Database, example tests, example components and example pages are all there for you to fill out - **Fewer bugs**: Strong data-validation using `zod` to validate all transferred data, fully typed API-routes and strict DB models @@ -53,7 +53,7 @@ The Cheviot stack is a batteries-included setup with a databse ORM, testing setu - **Ready for launch**: Github Actions CI, Dockerfile, easy switch to most popular SQL-databases are all there, out of the box ([get in touch if you're missing something](https://github.com/sidebase/sidebase/issues/new/choose)) To use Cheviot, select "Cheviot" in the first step of the sidebase CLI. In detail, Cheviot proved the following for production ready, robust, maintainable, fullstack applications: -- Fullstack [`Vue 3`](https://vuejs.org/) + [`Nuxt 3`](https://nuxt.com/), +- Fullstack [`Vue 3`](https://vuejs.org/) + [`Nuxt 3+`](https://nuxt.com/), - Database models, migrations, queries and easy DB-switching via [`Prisma`](https://www.prisma.io/), - Deep Prisma integration: Use the client in your endpoints via [`nuxt-prisma`](/sidebase/components/prisma), Prisma client is auto-generated for `npm run dev` and other commands and more, - Frontend- and Backend data-transformation via [`nuxt-parse`](https://www.npmjs.com/package/@sidebase/nuxt-parse) and [`zod`](https://github.com/colinhacks/zod), @@ -62,13 +62,13 @@ To use Cheviot, select "Cheviot" in the first step of the sidebase CLI. In detai - Linting via [`eslint`](https://eslint.org/), - Test management, Test UI, component snapshotting via [`vitest`](https://vitest.dev/), - Component tests via [`test-library/vue`](https://testing-library.com/), -- Nuxt 3 native API testing via [`@nuxt/test-utils`](https://nuxt.com/docs/getting-started/testing), +- Nuxt 3+ native API testing via [`@nuxt/test-utils`](https://nuxt.com/docs/getting-started/testing), - Code coverage via [`c8`](https://github.com/bcoe/c8), - CSS utilities via [`TailwindCSS`](https://tailwindcss.com/), - CSS components via [`Naive UI`](https://www.naiveui.com), - Type checking in script and template via [`Volar / vue-tsc`](https://github.com/johnsoncodehk/volar), -- Code editor configuration via `.editorconfig` files and a portable `.settings/` folder whith best-practice VS Code settings and extensions for Vue 3 / Nuxt 3 development +- Code editor configuration via `.editorconfig` files and a portable `.settings/` folder whith best-practice VS Code settings and extensions for Vue 3 / Nuxt 3+ development -To facilitate this Cheviot bootstraps a Nuxt 3 project that permits developing a backend and a frontend using just Nuxt 3 with overarching TypeScript support. We want to show the world how enjoyable end-to-end typescript programming can be, displacing the myth that JS/TS-backends are no good. This starter solves a lot of the "real-world" problems that occur after you start using Nuxt or any other framework: How to write backend tests? How to write component tests? How to calculate test coverage? How to integrate a database? How to build a docker image? ...? +To facilitate this Cheviot bootstraps a Nuxt 3+ project that permits developing a backend and a frontend using just Nuxt 3+ with overarching TypeScript support. We want to show the world how enjoyable end-to-end typescript programming can be, displacing the myth that JS/TS-backends are no good. This starter solves a lot of the "real-world" problems that occur after you start using Nuxt or any other framework: How to write backend tests? How to write component tests? How to calculate test coverage? How to integrate a database? How to build a docker image? ...? -Cheviot used to be called [the Nuxt 3 sidebase template](https://github.com/sidebase/sidebase). The sidebase template is used to this day to setup Cheviot. +Cheviot used to be called [the Nuxt 3+ sidebase template](https://github.com/sidebase/sidebase). The sidebase template is used to this day to setup Cheviot. From 135d7ff44677ef14902e51c3cc1844f7b30e5d10 Mon Sep 17 00:00:00 2001 From: Zoey Kaiser Date: Thu, 18 Dec 2025 09:28:42 +0100 Subject: [PATCH 2/2] remove 3 from the title --- src/index.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/index.md b/src/index.md index c06f89f2..147d715b 100644 --- a/src/index.md +++ b/src/index.md @@ -4,7 +4,7 @@ layout: home hero: name: "sidebase" - text: "The productive way to build fullstack Nuxt 3+ applications." + text: "The productive way to build fullstack Nuxt applications." tagline: "sidebase is a web app development kit to build production ready fullstack apps quickly." actions: - theme: brand