Sanity.io + NextJS Portfolio Site

A portfolio template built with Next.js, Tailwind CSS and Sanity.io for content

---

Visit

---

Features

⚡️ Modern UI Design + Reveal Animations
⚡️ Sanity CMS
⚡️ One Page Layout
⚡️ Styled with Tailwind
⚡️ Fully Responsive
⚡️ Well organized documentation

---

Why do you need a portfolio? ☝️

• Professional way to showcase your work
• Increases your visibility and online presence
• Shows you’re more than just a resume

Getting Started 🚀

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.

Prerequisites 📋

You'll need Git and Node.js (which comes with NPM) installed on your computer.

Also, you can use Yarn instead of NPM ☝️

---

How To Use 🔧

From your command line, first clone Simplefolio:

# Clone the repository
$ git clone https://github.com/SarathAdhi/react-portfolio-template

# Move into the repository
$ cd react-portfolio-template

# Remove the current origin repository
$ git remote remove origin

After that, you can install the dependencies either using NPM or Yarn.

Using NPM: Simply run the below commands.

# Install dependencies
$ npm install

# Start the development server
$ npm run dev

Using Yarn: Be aware of that you'll need to delete the package-lock.json file before executing the below commands.

# Install dependencies
$ yarn

# Start the development server
$ yarn run dev

Once your server has started,

Visit http://localhost:3000 to see your site

Visit http://localhost:3000/studio to edit content

---

Important files and folders

File(s)	Description
sanity.config.ts	Config file for Sanity Studio
sanity.client.ts	Config file for Sanity CLI
studio	Where Sanity Studio is mounted
schemas	Where Sanity Studio gets its content types from
sanity.query.ts	Where Sanity data is described and retrieved

---

Deployment 📦

Once you finish your setup. You need to put your website online!

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.

Technologies used 🛠️

• NextJS - React Frontend Framework
• TailwindCSS - A utility-first CSS framework
• Sanity CMS - Headless CMS
• AOS - Animate on scroll library

Authors/Developers ✨

• Sarath Adhithya - https://github.com/SarathAdhi

Status

License 📄

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

This is a Next.js project bootstrapped with create-next-app.