grantstenger.com

This is my personal website, grantstenger.com. This site serves as a platform to showcase my writing and interests.

Project Overview

Key Features

• Writing: My own long-form writing, e.g. The Case for Cooperation in the Prisoner's Dilemma.
• Books Page: A curated list of my favorite books.
• Essays Page: A curated list of my favorite essays/papers/articles.
• Search Functionality: Search through my essays and books.
• Interactive Reading Progress: A progress bar that shows the reader's position in long articles.
• Responsive Design: Optimized for various screen sizes and devices.
• Mathematics Typesetting Support: Renders mathematical equations using KaTeX.

Technologies Used

• Next.js: React framework for server-side rendering and static site generation
• React: JavaScript library for building user interfaces
• TypeScript: Typed superset of JavaScript
• Tailwind CSS: Utility-first CSS framework
• ReactMarkdown: Markdown parser and renderer for React
• KaTeX: Fast math typesetting library for the web

Getting Started

To run this project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/GrantStenger/grantstenger.com.git
   cd grantstenger.com
   

2. Install dependencies:

   yarn install
   

3. Run the development server:

   yarn dev
   

4. Open http://localhost:3000 in your browser to view the site.

Project Structure

• app/: Contains the main pages and components of the site
• components/: Reusable React components
• data/: Static content and data files
• public/: Static assets like images and icons

Deployment

This site is deployed using Vercel, which provides automatic deployments on push to the main branch.

Contact

If you have any questions or feedback, feel free to reach out to me:

• Twitter: @GrantStenger
• LinkedIn: Grant Stenger