This is a sample Next.js blog that:
- Covers the basic concepts of Next.js
- Uses AI (MistralAI) to recommend topics, tags, related posts and more when a new post is being created.
- Introduction to Next.js
- Link Component
- Client-Side Navigation
- Assets, Metadata, and CSS
- Pre-rendering and Data Fetching
- SSR vs SSG
- Static Generation with and without Data
- getStaticProps
- Dynamic routes
- getStaticPaths
- getStaticProps
- Render markdown
- Uses the MistralAI api
- Suggests 10 topics for new post. Uses a simple prompt with techniques like few-shot learning and role playing
- Suggests 50 topics. Uses streams to show the result
- Suggests related posts. Uses embeddings to calculate the distance between posts
- Suggests tags and mailing list to share the new post. Uses user content data