Overview

Personal website for Kyle Wiskel

Tech Stack

• Next.js
• React
• TypeScript
• Material UI

Folder Structure

This is a Next.js project which is organized as follows:

• /node_modules: Contains all the dependencies of the project.
• /public: Contains all the static files of the project.
• /app: Contains all the routes, components, and logic of the project.
  • /ui: Contains all the components of the project.
  • /lib: Contains all the utility functions of the project.
  • layout.tsx: Defines the root layout of the project (can include shared components like header and footer).
  • page.tsx: The main page of the project.
  • global.css: The global styles for the project.

Development Setup

Helpful VSCode Extensions

• ESLint
• Prettier
• Github Copilot
• Github Copilot Chat
• Code Spell Checker
• Markdown All in One
• Path Intellisense

Node Version

Uses the version of node specified in .nvmrc

nvm use

Install Dependencies

npm install

Run Development Server

npm run dev

Open http://localhost:3000 with your browser to see the result. You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

Deployment

This project is deployed on Vercel. The deployment is triggered automatically when changes are pushed to the main branch.