Next.js 13 Sanity Template with TailwindCSS and TypeScript

This is a configured and reusable template for building web applications with Next.js App Router, Sanity, Tailwind CSS, and TypeScript. It provides a solid foundation for your projects, enabling you to quickly set up and start developing.

Features

• Next.js 13: The latest version of Next.js for server-rendered React applications.

• Sanity: A headless CMS that allows you to manage your content with ease.

• Tailwind CSS: A utility-first CSS framework for creating responsive and customizable UI components.

• TypeScript: A statically typed superset of JavaScript, providing better code quality and development experience.

Install Dependencies

npm install
# or
yarn install

Configure Sanity

• Set up your Sanity project according to your requirements. You can find detailed instructions in the Sanity documentation

• Once your Sanity project is configured, update the Sanity client configuration in sanity.config.ts with your project ID and dataset name

Folder Structure

• src/: Contains your Next.js application code.
• sanity/: Houses your Sanity Studio configuration.
• tailwind.config.ts: Tailwind CSS configuration.
• sanity.config.ts: Sanity client configuration.

License

This template is licensed under the MIT License.