Sanity CMS Admin Guide

Getting Started

Your portfolio is now connected to Sanity CMS. This allows you to easily manage your skills and projects without having to modify the code directly.

Access Sanity Studio

You can access the Sanity Studio by going to:/studio

The first time you visit, you'll need to log in with the Sanity account credentials you used during setup.

Adding Skills

To add a new skill to your portfolio:

  1. Go to the Sanity Studio at /studio
  2. Click on "Skills" in the sidebar
  3. Click the "Create new" button
  4. Fill in the following fields:
    • Skill Title: Name of the skill (e.g., "React", "Node.js")
    • Proficiency: Your skill level as a percentage (0-100)
    • Icon Name: The name of the React icon (e.g., "FaReact", "FaNodeJs")
    • Display Order: The order in which this skill should appear (lower numbers first)
  5. Click "Publish" to save your changes

Note: For the Icon Name, you can use any icon name from the react-icons library. Common prefixes are: Fa* (Font Awesome), Si* (Simple Icons), Io* (Ionicons), etc. The icon mapper supports many common icons.

Adding Projects

To add a new project to your portfolio:

  1. Go to the Sanity Studio at /studio
  2. Click on "Projects" in the sidebar
  3. Click the "Create new" button
  4. Fill in the following fields:
    • Project Title: Main title of your project
    • Subtitle: A short descriptive subtitle
    • Description: Detailed description of the project
    • Project Link: URL to the live project or repository
    • Project Image: Upload a screenshot or image representing the project
    • Tags: Add relevant technology tags (optional)
    • Display Order: The order in which this project should appear (lower numbers first)
  5. Click "Publish" to save your changes

Tips & Troubleshooting