dstroot / blog-next-13

Next.js App Router Blog using .MDX (contentlayer)

Home Page:https://www.danstroot.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Next.js Blog with Contentlayer

TODO:

  • Search (Algolia)
  • Standardize container/width
  • Cleanup the MDX Pages Like About
  • Add Drafts capability
  • Add sharing to code snippets
  • Use new Meta API
  • Add Google Tag Manager
  • Add Vercel Metrics
  • Add Views to pages (increment view count in DynamoDB)
  • Add robots
  • meta & key words (NOTE: Good progress but og route and urls need work)
  • sitemap, etc.
  • Add favicon and site images
  • Add og image (API progress but needs work)
  • Add Analytics Route and ensure analytics are working
  • Add CSP via middleware
  • Add csp api route to post
  • Fix menu to work on Mobile
  • Any other API's to move over?
  • Links in Nav are not recognizing the path they are on - active styles are only applied whne they've been clicked on. Need a component that recognizes the path client side.
  • Finish "uses" page.
  • Add blur to images? No, effect is not smooth, see "blur" branch.
  • Update script to feed Algolia Index
  • Generate RSS Feed - images still need work.
  • Github emoji support (see test snippet)
  • Code blocks are funky (file name is incorrect)

Changelog

  1. Src directory
  2. Uses new Next.js App Router
  3. All code is now Typescript
  4. Uses new Metadata API for SEO
  5. ContentLayer for .md and .mdx processing
  6. Middleware for CSP headers
  7. Shadcn/ui components
  8. Added a NavBar
  9. All config moved to src/config, and .env vars are typed.
  10. No longer using next-sitemap - built it directly.
  11. Switched from rehype-prism to rehype-pretty-code
  12. Switched from SWC to Tanstack-Query (React Query)
  13. About page is now markdown-based

Phew...

Validation

Monitoring

About

Next.js App Router Blog using .MDX (contentlayer)

https://www.danstroot.com


Languages

Language:MDX 82.7%Language:TypeScript 16.5%Language:JavaScript 0.6%Language:CSS 0.2%