Giter VIP home page Giter VIP logo

v2-sanity's Introduction

v2-sanity - Sanity Project for Portfolio Website

This project provides the Sanity CMS backend for the second iteration of my portfolio website V2, built with Next.js 14 and Tailwind CSS. It allows you to manage your portfolio content in a structured and flexible way.

Table of Contents

Introduction

This repository houses the Sanity CMS configuration for my portfolio website. It provides a user-friendly interface to manage your website's content, including your bio, projects, and more. You can easily clone, customize, and deploy this open-source project to suit your needs.

Getting Started

To set up this Sanity project, follow these steps:

Prerequisites

  • Node.js and npm/yarn installed on your machine.
  • Sanity CLI installed globally: Sanity CLI
  • A Sanity project ID: Create a new project on Sanity.io

Installation

  1. Clone the repository:

    git clone https://github.com/Maiz27/v2-sanity.git
    cd v2-sanity
  2. Install dependencies:

    npm install
    # or
    yarn install
  3. Log in to Sanity:

    sanity login
  4. Create and configure the .env file:

    cp .env.example .env
    # Update .env with your Sanity project configuration

    Fill in the .env file with your SANITY_STUDIO_PROJECT_TITLE and SANITY_STUDIO_PROJECT_ID.

  5. Initialize the project with your Sanity project ID:

    sanity init
  6. Start the Sanity Studio:

    sanity start

    Open http://localhost:3333 with your browser to access the Sanity Studio interface.

Schemas

The project includes pre-defined schemas to manage your portfolio content:

  • About Me: Manage your name, bio, image, and skills.
  • Frequently Asked Questions (FAQs): Create a list of FAQs to showcase your expertise.
  • Job Experience: Add your work experience, including titles, locations, companies, and technologies used.
  • Tools: List the tools you're proficient in, potentially linking to SVG icons for display in your frontend.
  • Projects: Create detailed entries for your projects, including titles, descriptions, links, and blog-style content to reflect on your learnings with code-input and language support.

Scripts

The package.json file includes several scripts for development and management:

{
  "scripts": {
    "start": "sanity start", // Runs Sanity Studio locally
    "build": "sanity build", // Builds Sanity Studio for production
    "deploy": "sanity deploy" // Deploys Sanity Studio to Sanity's hosting
  }
}

Contributing

I welcome contributions! Feel free to fork the repository and create pull requests for improvements. Ensure your code adheres to the project's style guidelines.

License

This project is open-source and available under the MIT License.

v2-sanity's People

Contributors

maiz27 avatar

Stargazers

Shaqeel Less avatar  avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.