Baustelle

Overview

BaustelleAnna’s starter template is a development framework that combines Nuxt 3 and Sanity v3. It provides a foundation for building web applications with features such as Nuxt 3, Sanity v3, Pinia, Tailwind, Algolia, GSAP, video hosting with Mux, lazyloading images with lazysizes, PNPM Workspaces, and basic Shopify setup using Sanity E-Commerce Template and Sanity Connect.

Features

• Nuxt 3: The latest version of Nuxt for building powerful web applications.
• Sanity v3: A headless CMS for managing and delivering content to your application.
• Pinia: A Vue Store pattern for managing state in your application.
• Tailwind: A utility-first CSS framework for building responsive and scalable user interfaces.
• Algolia: A search-as-a-service platform for implementing search functionality in your application.
• GSAP: A JavaScript library for creating high-performance animations.
• Video Hosting with Mux: A platform for hosting and streaming videos in your application.
• Lazyloading Images with lazysizes: A lightweight JavaScript library for lazyloading images, improving performance and user experience.
• PNPM Workspaces: A package management tool for managing dependencies in a monorepo.
• Basic Shopify Setup: Integration with Sanity E-Commerce Template and Sanity Connect for setting up a basic Shopify store.

Installation

To install BaustelleAnna’s starter template, follow these steps:

1. Create a new Sanity project.
2. Abort the creation process when the “Project output path” appears by pressing “ctrl + c”.
3. Get the project ID using the command sanity manage or sanity projects list.
4. Update the project ID in the following files:
   • web/.env
   • studio/sanity.config
   • studio/sanity.cli
5. Install the dependencies by running the command npm install or yarn install.
6. Start the development server with the command npm run dev or yarn dev.

Summary

BaustelleAnna’s starter template is a powerful development framework that combines Nuxt 3 and Sanity v3, providing a solid foundation for building web applications. With its extensive features and easy installation process, developers can quickly get started and leverage the power of Nuxt and Sanity to create dynamic and engaging web experiences.