/blog-v3

Kir-Dev's portfolio website.

Primary LanguageTypeScript

Kir-Dev blog v3

A new version of our organization's blog: Kir-Dev. Previous version v1 was built with Jekyll and v2 was built with Gatsby. This version is built with Next.js and Sanity.

Generated from this starter.

Table of Contents

Configuration

Step 1. Set up the environment

Before you start development, make sure you have

  • Node.js v20 installed (I recommend using NVM - on Windows too).
    • After installing run corepack enable to use Yarn v4.
  • been added to our Vercel project as a collaborator.
  • been added to our Sanity project as a collaborator.
  • Sanity Studio installed globally (npm install --global sanity@latest).

Step 2. Set up the project locally

Clone this repo to your work directory.

git clone https://github.com/kir-dev/blog-next-sanity.git

Open the repo in VSCode and open up a terminal in it, run this to link your clone to Vercel (make sure we've already added you as a collaborator to the project on Vercel):

npx vercel link

Download the environment variables needed to connect Next.js and the Studio to your Sanity project:

npx vercel env pull

This will create a git-ignored .env file with environment variables that will be used for local development.

Step 3. Run Next.js locally in development mode

yarn install && yarn dev

When you run this development server, the changes you make in your frontend and studio configuration will be applied live using hot reloading.

Your blog should be up and running on http://localhost:3000! You can create and edit content on http://localhost:3000/studio.

Next steps

Attributions

Sponsors