healeycodes / healeycodes.com

🏡 Personal blog/website running Next.js.

healeycodes.com

My home on the web! A collection of thoughts and software experiments.

Issues/bug reports are very welcome.

Features

• Next.js hosted on Vercel
• Markdown + images
• RSS feed (links, not full content)
• Simple design focused on content (responsive for desktop/mobile)
• Code highlighting via prism-react-renderer
• Newsletter CTA (powered by Buttondown)
• All core features work without JavaScript enabled
• End-to-end tests with playwright

Most configuration is handled via siteConfig.json

Tests

See .github\workflows\e2e.yml for more.

npm i
npx playwright install
npm run test:e2e

Dev

npm i
npm run dev

Copying

Feel free to use any of my writing or code for educational reasons (e.g. you're teaching a class).

Otherwise, check with me before republishing my writing or code (I'll give permission 99% of the time).

healeycodes.com's Issues

Clicking away from the articles page then clicking back onto it doesn't load Stork

Repro steps:

1. Visit https://healeycodes.com
2. Click on Articles
3. Click on Projects
4. Click on Articles again
5. Observe: the Stork input isn't visible.

The wrapping .stork-loader div has a visibility value of hidden - I wonder if there's a way to get Next to not reapply the style on every "soft" page laoad

JSX.IntrinsicElements error in notes.tsx

I have forked your repo with your permission. I've modified a lot of it, deleting your posts, adding some of my own styles, etc.

I am having an issue with the notes.tsx file when running npx next build:

Type error: Property 'className' does not exist on type 'IntrinsicAttributes'.

The issue comes from these lines here:

healeycodes.com/pages/notes.tsx

Lines 36 to 40 in 2238baf

	if (type === "code" && props.className) {
	const language = props.className.replace("lang-", "");
	return <Code children={children} language={language} />;
	}
	return React.createElement(type, props, children);

I've tried to add a type in the notes.ts file like so:

const NOTES_DIRECTORY = path.join(process.cwd(), "notes")

export type Note = {
    id: number,
    content: string,
    className?: string
}

however I am still running into the error.

I've checked the React docs for React.createElement and the values you need to pass to it. I've scoured StackOverflow. And I've even tried to look through the markdown-to-jsx repo to see what I am missing.

Can you help out?