JulianGaramendy.dev

This is the source code for my personal site and blog.

• Pages like "Info" and "Work" are markdown files in the codebase and statically generated.
• Blog posts are fetched from Dev.to and statically regenerated after each request using NextJS's Incremental Static Regeneration. Here's how.

TODO:

• clean up code
• write long-overdue tests
• display collections? ❌

Done:

• Favicon ✅
• open graph / social_image ✅
• fix slugs, using list of blog posts? use canonical_url ✅
• cannot have images taken from jg.dev ✅
• CSS for pre without specific language? or find what lang to use ✅
• credit icon artists! ✅
• deploy on Vercel ✅
• change DNS settings ✅
• link to prev nad next blog posts? ✅
• use next/link ✅
• remove gatsby service worker ✅
• openGraphImage ✅
• NextJS Image Component ✅
• bundle analizer ✅
• Fix flaky build ✅
• update to TS 4.1 so we can use --noUncheckedIndexedAccess ✅
• cover_images have predictable height ✅

NextJS Typescript Boilerplate

Bootstrap a developer-friendly NextJS app configured with:

• Typescript
• Linting with ESLint
• Formatting with Prettier
• Linting, typechecking and formatting on by default using husky for commit hooks
• Testing with Jest and react-testing-library

Deploy your own

Deploy the example using Vercel:

How to use

Execute create-next-app with npm or Yarn to bootstrap the example:

npx create-next-app --example with-typescript-eslint-jest with-typescript-eslint-jest-app
# or
yarn create next-app --example with-typescript-eslint-jest with-typescript-eslint-jest-app

Deploy it to the cloud with Vercel (Documentation).