sanity-io/sanity-template-nuxt-clean

Clean starter template with Nuxt

A minimal Nuxt site with Sanity Studio

This starter uses Nuxt for the front end and Sanity to handle its content.

Featuring

• How to fetch content as data from the Sanity Content Lake
• How to render block content with Portable Text
• A Sanity Studio to create and edit content
• How to crop and render images with Sanity Image URLs

Note

This starter features an /app and a /studio folder. The /app folder contains the frontend code, and the /studio folder contains the Sanity Studio code.

This is not a monorepo setup. We put them both in one repository for the sake of simplicity. You might want to have separate repositories for each of the folders, to make it easier to deploy the app and the studio separately.

Prerequisities

• Node.js (v16.12 or later)
• Sanity CLI (optional)

Getting started

The following commands are meant to be run in both the /app and /studio folders.

1. npm install to install dependencies
2. npm create sanity@latest init --env, this will:

• ask you to select or create a Sanity project and dataset
• output a .env file with appropriate variables
• (or use sanity init --env if you have the CLI installed)

3. npm run dev to start the development server

Your Nuxt app should now be running on http://localhost:3000/ and Studio on http://localhost:3333/.

Feel free to move each of the folders to their own location and check them into version control.

Add content

1. Visit the Studio and create and publish a new Post document
2. Visit the App and refresh the page to see your content rendered on the page

The schema for the Post document is defined in the /studio/schemas folder. You can add more documents and schemas to the Studio to suit your needs.

Removing TypeScript

If you do not wish to use TypeScript, we've included a remove-typescript.mjs file in the root of this repository. You can run this file with node remove-typescript.mjs to strip all types from both the /app and /studio folders. Please run this before tampering with any code to ensure that all types are properly removed.

If you intend to use TypeScript, you can safely remove the remove-typescript.mjs file.

Deployments

The /app and /studio folders are meant to be deployed separately.

Feel free to deploy the App to whichever hosting provider you prefer. We recommend Vercel.

You can deploy the Sanity Studio by running sanity deploy in the /studio repository, provided you have the @sanity/cli installed globally.

sanity-template-nuxt-clean's Issues

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

---

Using a curated preset maintained by

Sanity: The Composable Content Cloud

---

Pending Approval

These branches will be created by Renovate only once you click their checkbox below.

• chore(deps): lock file maintenance

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

• fix(deps): Update non-major (@nuxtjs/google-fonts, @sanity/types, @sanity/vision, @types/react, @types/styled-components, eslint, groq, nuxt, postcss, prettier, sanity, typescript)
• chore(deps): update dependency @sanity/eslint-config-studio to v3
• fix(deps): Update dependency styled-components to v6
• Click on this checkbox to rebase all open PRs at once

Detected dependencies

npm

app/package.json

• @nuxtjs/google-fonts ^3.0.0
• @nuxtjs/sanity ^1.7.0
• @sanity/image-url ^1.0.2
• groq ^3.9.1
• @sanity/types ^3.20.0
• nuxt ^3.8.1
• postcss ^8.4.31
• postcss-nested ^6.0.1

package.json

studio/package.json

• @sanity/vision ^3.8.1
• react ^18.2.0
• react-dom ^18.2.0
• react-is ^18.2.0
• sanity ^3.8.1
• styled-components ^5.2.0
• @sanity/eslint-config-studio ^2.0.4
• @types/react ^18.2.37
• @types/styled-components ^5.1.30
• eslint ^8.54.0
• prettier ^3.1.0
• rimraf ^4.4.1
• typescript ^5.2.2
• node >= 14.18

---

• Check this box to trigger a request for Renovate to run again on this repository

Action Required: Fix Renovate Configuration

There is an error with this repository's Renovate configuration that needs to be fixed. As a precaution, Renovate will stop PRs until it is resolved.

Error type: Cannot find preset's package (config:recommended). Note: this is a nested preset so please contact the preset author if you are unable to fix it yourself.