Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/rixcy/rb2022

Personal site built using NextJS
https://github.com/rixcy/rb2022

Last synced: 1 day ago
JSON representation

Personal site built using NextJS

Host: GitHub
URL: https://github.com/rixcy/rb2022
Owner: Rixcy
Created: 2022-04-12T23:58:52.000Z (over 2 years ago)
Default Branch: main
Last Pushed: 2024-03-08T11:07:08.000Z (8 months ago)
Last Synced: 2024-03-09T11:55:57.037Z (8 months ago)
Language: TypeScript
Homepage: https://rickbooth.me
Size: 595 KB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        # RICKBOOTH.ME

My personal portfolio site built using NextJS.

## Features

- Styling with [Vanilla Extract](https://vanilla-extract.style) 💅

- Built on top of [NextJS](https://nextjs.org) making use of [SSG](https://nextjs.org/docs/basic-features/pages#static-generation-recommended) (Static Site Generation) 🧱

- Static type checking with [TypeScript](https://www.typescriptlang.org) 🧙‍♂️

- Custom page loading indicator with [nextjs-progressbar](https://github.com/apal21/nextjs-progressbar) ⏱

- MDX posts powered by [mdx-loader](https://www.npmjs.com/package/mdx-loader) and [remark-prism](https://github.com/sergioramos/remark-prism) 📖

- Dynamic social previews for home/posts/individual post pages 🌄

- Hosted on [Vercel](https://vercel.com) 🚀

### Reduced motion

Animations are disabled for the following if the reduce motion preference is set to reduce:

- Nav blinking cursor

- Nav link hover transition

- Animated link underlines

## Screenshots

### Home page

![](https://user-images.githubusercontent.com/11819124/163473241-6d8ec085-ae9d-47a2-b155-ab70795283e5.jpg)

### Posts listing page

![](https://user-images.githubusercontent.com/11819124/163473248-b47b2915-9a52-4571-aa6a-50ae61b17995.jpg)

### Post page with formatted markdown and code blocks

![](https://user-images.githubusercontent.com/11819124/163473249-4b24893e-c4bc-4fa2-b107-77ffdf5fd10e.jpg)

## Running locally

Install dependencies:

```bash

yarn

```

Run the dev server:

```bash

yarn dev

```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.