A software portfolio following the Jamstack architecture, statically built using NextJS with content managed through the headless Sanity CMS.
Want to host your own portfolio using this template? Click the button below and get started in minutes to deploy your website on Vercel!
){kind=icon}
- Light and dark mode depending on system preferences
- Responsive design
- Images are optimized using the
@next/imagecomponent - Fully customizable text and content through Sanity CMS
- SEO friendly projects and pages
- Social image generator for projects
- Easy contact form setup using Formspree
- Set up redirects from Sanity studio
Quickly and easily deploy your own portfolio by pressing the link below:
It will create a new Sanity project, deploy the website to Vercel, and set up all the environment variables for you! It will then load your website with placeholder content for you to change as you wish.
- Install the Sanity CLI globally:
yarn global add sanity@latest - Clone the repo and run
yarn install. This will install both template and Sanity dependencies - Make a copy of the
.env.local.example, and set the environment variables cd sanityandsanity initto create a new Sanity project (use default settings)- Optional but highly recommended: Load some sample content to Sanity:
cd sanity
sanity dataset import ../.sanity-template/data/production.tar.gz
# When prompted to select a dataset, select the existing "production" dataset
- While you're in the
sanityfolder, run the Sanity studio:yarn dev. It will be available athttp://localhost:3333 - In a new terminal window navigate back to the root directory and create a
.env.localfile with the following content:- You can find the Sanity project ID in
sanity/sanity.config.tsor by visiting the Sanity Manage page, select your project and it will be displayed near the top
- You can find the Sanity project ID in
SANITY_STUDIO_PROJECT_ID=your_sanity_id_here
- Run
npm run dev. The portfolio will be available athttp://localhost:3000