Skip to content

Minimal dynamic portfolio template with CMS built with Next.js, Sanity and TailwindCSS.

Notifications You must be signed in to change notification settings

kcne/portofolio

Repository files navigation

Dynamic Porftolio

2023-12-28-15-58-53_ClZU57s7.mp4

Live Demo

Overview

This project is a dynamic open-source, beautiful online portfolio built using SWR, Sanity, Next.js, React Hook Form, and Resend. It's deployable with a single click on Vercel. Manage your portfolio content efficiently with Sanity Studio.

Features

  • One-Click Deploy on Vercel: Easy deployment process.
  • Content Management with Sanity Studio: Edit information, experience, projects, and blog content.
  • Responsive Design: Ensures a smooth experience on various devices.
  • Customizable: Tailor the portfolio to your personal style.

Getting Started

Prerequisites

  • A Vercel account.
  • A Sanity.io account.
  • Resend account.

Installation

  1. Go to sanity, make a new project and get your Project Id, Dataset and Read/Write API Token.

  2. Go to Resend and get your API Key.

  3. Fork the Repository

  4. Clone it locally

git clone [forked-repository-url]
  1. Install Dependencies

    npm install
  2. Environment Setup Rename .env.example to .env and update the values.

    NEXT_PUBLIC_SANITY_PROJECT_ID=[Your Sanity Project ID]
    NEXT_PUBLIC_SANITY_DATASET=[Your Sanity Dataset]
    SANITY_API_TOKEN=[Your Sanity API Token]
    RESEND_KEY=[Your Resend Key]
    FORM_EMAIL_RECIPIENT=[Your Email]
  3. Start Development Server

    npm run dev

Deployment

Deploy your portfolio with a single click using Vercel.

  1. Go to Vercel Dashboard.
  2. Click on create new project.
  3. In Environment Variables section add .env variables following given in .env.example with your keys.
  4. Deploy
  5. Go to your deployment link and navigate to: [your-url]/studio to add content

License

This project is licensed under the MIT License - see the LICENSE.md file for details.

About

Minimal dynamic portfolio template with CMS built with Next.js, Sanity and TailwindCSS.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages