ChristineTham/nextjs-blog

My adventures learning how to build websites and apps in 2020 using the Jamstack architecture, auto workflows and modern build tools. Content is pre-rendered and served to a CDN and made dynamic through APIs and serverless functions.

Learning Jamstack

My NextJS blog, used to document my adventures learning Jamstack.

This evolved originally from me completing the Learn Next.js course, but then I started adding lots of additional features (mainly from Next.js examples).

• 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
• Auto generated Sitemap
• SEO head metadata with next-seo
• Auto generated RSS feed using node-rss
• MDX blog pages using next-mdx-remote
• Prism syntax highlighting using prism-react-renderer
• Example AMP pages
• TailwindCSS UI framework
• Tailblocks for web components
• Undraw for illustrations and feature images

Deploy

Deploy using Vercel:

Deploy it to the cloud with Vercel (Documentation).