---
title: "Next.js Portfolio with Pageview Counter"
description: "Portfolio site with pageview counter, built with Next.js 13 App Router, Contentlayer, and Upstash Redis."
url: "https://vercel.com/templates/next.js/nextjs-portfolio-pageview-counter"
links:
  repository: "https://github.com/chronark/chronark.com"
  demo: "https://chronark.com/"
  deploy: "https://vercel.com/new/clone?demo-title=Next.js+Portfolio+with+Pageview+Counter&demo-description=Portfolio+site+with+pageview+counter%2C+built+with+Next.js+13+App+Router%2C+Contentlayer%2C+and+Upstash+Redis.&demo-url=https%3A%2F%2Fchronark.com%2F&demo-image=%2F%2Fimages.ctfassets.net%2Fe5382hct74si%2F1DA8n5a6WaP9p1FXf9LmUY%2Fc6264fa2732355787bf657df92dda8a1%2FCleanShot_2023-04-17_at_14.17.37.png&project-name=Next.js+Portfolio+with+Pageview+Counter&repository-name=nextjs-portfolio-pageview-counter&repository-url=https%3A%2F%2Fgithub.com%2Fchronark%2Fchronark.com&from=templates&integration-ids=oac_V3R1GIpkoJorr6fqyiwdhl17"
---

# Next.js Portfolio with Pageview Counter

Portfolio site with pageview counter, built with Next.js 13 App Router, Contentlayer, and Upstash Redis.

<div align="center">
    <a href="https://chronark.com"><h1 align="center">chronark.com</h1></a>

My personal website, built with [Next.js](https://nextjs.org/), [Tailwind CSS](https://tailwindcss.com/), [Upstash](https://upstash.com?ref=chronark.com), [Contentlayer](https://www.contentlayer.dev/) and deployed to [Vercel](https://vercel.com/).

</div>

<br/>


[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/upstash/clone?demo-title=Next.js%20Portfolio%20with%20Pageview%20Counter&demo-description=Portfolio%20site%20with%20pageview%20counter%2C%20built%20with%20Next.js%2013%20App%20Router%2C%20Contentlayer%2C%20and%20Upstash%20Redis.&demo-url=https%3A%2F%2Fchronark.com%2F&demo-image=%2F%2Fimages.ctfassets.net%2Fe5382hct74si%2F1DA8n5a6WaP9p1FXf9LmUY%2Fc6264fa2732355787bf657df92dda8a1%2FCleanShot_2023-04-17_at_14.17.37.png&project-name=Next.js%20Portfolio%20with%20Pageview%20Counter&repository-name=nextjs-portfolio-pageview-counter&repository-url=https%3A%2F%2Fgithub.com%2Fchronark%2Fchronark.com&from=templates&integration-ids=oac_V3R1GIpkoJorr6fqyiwdhl17)

## Running Locally


```sh-session
git clone https://github.com/chronark/chronark.com.git
cd chronark.com
```


Create a `.env` file similar to [`.env.example`](https://github.com/chronark/chronark.com/blob/main/.env.example).

Then install dependencies and run the development server:
```sh-session
pnpm install
pnpm dev
```


## Cloning / Forking

Please remove all of my personal information (projects, images, etc.) before deploying your own version of this site.

## Related Templates

### [Portfolio Starter Kit](https://vercel.com/templates/next.js/portfolio-starter-kit)

Easily create a portfolio with Next.js and Markdown.

### [Next.js Portfolio with Blog](https://vercel.com/templates/next.js/nextjs-portfolio)

Easily create a portfolio with Next.js and Markdown.

### [Content Wind](https://vercel.com/templates/nuxt/content-wind)

A lightweight Nuxt theme to build a Markdown driven personal website, based on Nuxt Content, TailwindCSS and Iconify.

## Related Integrations

### [Upstash](https://vercel.com/marketplace/upstash)

Serverless DB (Redis, Vector, Queue, Search)

---

## Additional documentation

The [Vercel Knowledge Base](https://vercel.com/kb) contains guides and answers to common questions about Vercel, including deployment, framework configuration, domains, caching, and troubleshooting.