Starter

screenshot of Starter
nuxt
vue
drizzle-orm

Full-stack application with Nuxt, using Database (Postgres / SQLite / MySQL), Blob (S3, R2, Vercel Blob) and KV (Redis, Upstash)

Overview

The NuxtHub Starter Template offers an incredibly efficient way to kickstart your projects. With a focus on speed and simplicity, it allows developers to harness the power of NuxtHub with minimal setup time. Whether you’re building dynamic web applications or managing chat functionalities, this starter template simplifies the workflow, enabling you to focus on what really matters: your project.

Getting started involves just a few straightforward steps, making it accessible for both newcomers and seasoned developers. The template's built-in features like image upload, chat message saving, and database management are particularly handy, providing a solid foundation to build upon.

Features

  • Image Upload with NuxtHub Blob: Leverage the hub:blob functionality to easily upload and manage images within your application.
  • Chat Message Storage: Save and retrieve chat messages effortlessly using NuxtHub Database powered by Drizzle ORM.
  • Server Redirects Management: Simplify your routing with the ability to save server redirects through NuxtHub KV from hub:kv.
  • API Response Caching: Improve performance by caching API responses with NuxtHub Cache, reducing load times and server requests.
  • Easy Dependency Installation: Quickly set up your development environment by installing dependencies with pnpm.
  • Development and Production Builds: Seamlessly transition from development to production with straightforward build commands.
  • Vercel Deployment Integration: Effortlessly deploy your application using Vercel, linking storage and databases through the dashboard for a smooth setup.
  • Cloudflare CI/CD Pipeline: Automate your deployment process and resource creation with Cloudflare’s powerful Wrangler tool.
nuxt
Nuxt

nuxt.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.

vue
Vue

Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.

drizzle-orm
Drizzle ORM

Drizzle ORM is a TypeScript ORM for SQL databases designed with maximum type safety in mind. It comes with a drizzle-kit CLI companion for automatic SQL migrations generation. Drizzle ORM is meant to be a library, not a framework. It stays as an opt-in solution all the time at any levels.

fullstack
Fullstack

A fullstack boilerplate provides a starter application that includes both frontend and backend. It should include database, auth, payments, user roles and other backend services to build a fully featured saas or webapps.

eslint
Eslint

ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.

vercel
Vercel

Vercel offers built-in support for deploying and hosting Next.js applications, making it a popular choice among Next.js developers.