Ops screenshot

Ops

Author Avatar Theme by Jabedzaman
Updated: 17 Dec 2025
18 Stars

anti-nerd k3s homelab

Categories

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.