Overview

The Nextjs Tailwind sanity starter template is a responsive portfolio and blog template built with Next.js, Tailwind CSS, and Sanity.io. It features a CMS powered by Sanity, a responsive design, and an attractive layout. This template can be easily customized and deployed using Vercel.

Features

• Sanity CMS: The template includes a CMS powered by Sanity, allowing users to easily manage and update content.
• Responsive design: The template is designed to be fully responsive, ensuring a seamless experience across different devices.
• Tailwind CSS: Tailwind CSS is used to provide a flexible and customizable styling framework for the template.
• Attractive Design: The template offers an attractive and modern design, making it suitable for various portfolio and blog websites.

Installation

To install the Nextjs Tailwind sanity starter template, follow the steps below:

1. Install the required node modules using yarn:

   yarn install
   

2. Host the template locally:

   yarn dev
   

   This will open the template in your browser at http://localhost:3000.

3. Set up environment variables:

   • Create a .env file in the project root.
   • Add the following environment variables to your .env file:
     • NEXT_PUBLIC_SANITY_DATASET - Set to your Sanity dataset name.
     • NEXT_PUBLIC_SANITY_PROJECT_ID - Set to your Sanity project ID.
     • SANITY_API_TOKEN - Set to your Sanity API token.

4. Customize the template:

   • Extend the .env.example file by adding your own environment variables from the Sanity containers.
   • In the components/containers/ folder, customize the following files:
     • Hero.tsx - Add your own name and introduction.
     • Skills.tsx - Add your own skills.
     • Contact.tsx - Update navigation links.
     • Footer.tsx - Update link.
   • Replace the public/assets/data/logo.png file with your own logo.
   • Replace the public/favicon.ico file with your desired favicon.

Summary

The Nextjs Tailwind sanity starter template is a responsive portfolio and blog template built with Next.js, Tailwind CSS, and Sanity.io. It offers a range of features, including a CMS powered by Sanity, a responsive design, and an attractive layout. The template can be easily installed and customized to fit personal preferences and branding. With its ease of deployment using Vercel, it provides a convenient solution for creating professional portfolio and blog websites.