KonradStanski / KonradStaniszewski.github.io

My Personal Portfolio

NextJS - Typescript - MDX - Tailwind CSS

My personal blog. Built with:

• Typescript
• Write posts with MDX
• Style with Tailwind CSS
• Linting with ESLint
• Formatting with Prettier
• Linting, typechecking and formatting on by default using husky for commit hooks

This is heavily inspired by Lee Robinson and Anson Lichtfuss.

Notes:

• When using useTheme() to get the theme for a component, if the rendering depends on the theme, watch out for THIS!

    const [mounted, setMounted] = React.useState(false);
    React.useEffect(() => setMounted(true), []);
    if (!mounted) {
        return null;
    }

• I moved to keeping page specific components in the pages folder, look here to find out what settings im using. This means that all valid paths in the /pages folder need to have the .page.tsx or .api.ts extensions. Everything else is not a valid path.

TODO:

• [] Add utterances comments
• [] improve hamburger menu pop out
• [] improve semester component in gpaCalculator
• make projects page cards show more information about project and have links to code, demo, writeup ect with image and longer blurb about what the project is.