corrections

Author: dimaMachina

src/pages/blog.mdx

@@ -5,9 +5,10 @@ import NextLink from "next/link"
 import { useRouter } from "next/router"
 import { clsx } from "clsx"
 
-export default function Blog(props) {
+export default function Blog() {
   const { asPath } = useRouter()
-  const blogs = getPagesUnderRoute("/blog").sort(
+  const items = getPagesUnderRoute("/blog").flatMap(item => item.children || item)
+  const blogs = items.sort(
     (a, b) => b.frontMatter.date - a.frontMatter.date,
   )
   const currentTag = asPath.startsWith("/blog")

src/pages/blog/2024-03-28-announcing-graphqlconf-2024.mdx

@@ -1,40 +1,40 @@
 ---
-title: "🎉 Announcing GraphQLConf 2024"
-tags: ["announcements"]
+title: Announcing GraphQLConf 2024
+tags: [announcements]
 date: 2024-03-28
 byline: GraphQL Conference & Event Committee
 ---
 
 Inviting innovators, decision-makers, and GraphQL aficionados alike! GraphQL Foundation are thrilled to announce the return of [GraphQLConf](/conf/2024), the much-anticipated official conference for anyone working with GraphQL. After a very successful inaugural conference last year, we are setting the stage for an even bigger event, returning once again to San Francisco — but this time to the heart of this vibrant city! Mark your calendars for September 10-12, 2024, as we invite you to join us at the stunning JW Marriott in San Francisco Union Square for a three-day celebration of learning, innovation, networking, and community.
 
-### 🌟 What To Expect?
+## 🌟 What To Expect?
 
 * **Production Insights:** Gain exclusive insights into how leading companies of all sizes are leveraging GraphQL to drive innovation, streamline operations, and enhance their tech stack's efficiency.
 * **Access to Innovators:** GraphQLConf offers a rare opportunity to meet the visionaries and maintainers behind GraphQL's groundbreaking projects. Engage with the minds shaping the future of API technology.
 * **Interactive Workshops:** By popular demand, we’re bringing back a dedicated hands-on workshop day, allowing you to dive deep into practical GraphQL applications and techniques firsthand.
 * **Diverse Perspectives:** If GraphQL is on your radar, this is the place to sharpen your understanding, evaluate its impact, and envision its role in your organization’s future. Whether you're CTO, architect, system integrator, API developer or frontend engineer, if it's about GraphQL, we want to hear from you!
 * **Prime Location:** We're moving from the outskirts to the beating heart of San Francisco! We’ll have the city's dynamic vibe as our backdrop, with plenty of space for gathering, meeting, and collaborating.
 
-### 🔭 Navigating API Innovation
+## 🔭 Navigating API Innovation
 
 For technology leaders navigating the complexities of modern API architectures, GraphQLConf 2024 is more than just a conference. It's a strategic platform to foresee industry trends, meet the pioneers, and evaluate how GraphQL can fit into and enhance your technology strategy. Whether you're assessing GraphQL for your next project, looking to optimize existing infrastructures, or keen to foster innovation within your team, GraphQLConf promises a wealth of knowledge and networking opportunities to help steer your decisions in the right direction.
 
-### 📢 Call for Proposals (CFP) is OPEN!
+## 📢 Call for Proposals (CFP) is OPEN!
 
 Do you have a big idea, a transformative project, or an insightful case study? We want you on our stage! [The CFP is officially open](/conf/2024), and we’re on the lookout for speakers who can bring fresh perspectives and valuable knowledge to our community. Don't miss this chance to showcase your expertise and contribute to the collective learning of the GraphQL ecosystem. Submit your proposal now—CFP closes on May 22, 2024, at 11:59 pm PDT.
 
-### 🎟️ Snag Your Early Bird Tickets!
+## 🎟️ Snag Your Early Bird Tickets!
 
 Early birds get the worm, or in this case, the best deal on tickets! Early bird registration is open until May 22, offering you the chance to secure your spot at a special rate. Don't wait too long, though - we anticipate a sold-out event!
 
-### 📅 Mark Your Calendars
+## 📅 Mark Your Calendars
 
 * **CFP Deadline:** May 22, 2024, at 11:59 pm PDT
 * **Early Bird Registration Ends:** May 22, 2024
 * **Schedule Announcement:** June 26, 2024
 * **Event Dates:** September 10-12, 2024
 
-### 🤝 Get Ready to Connect and Collaborate
+## 🤝 Get Ready to Connect and Collaborate
 
 [GraphQLConf 2024](/conf/2024) is not just another tech conference; it's a gathering of diverse and vibrant community members who are passionate about pushing the boundaries of GraphQL and building the future of APIs together. Whether you're a seasoned GraphQL user, or just looking to understand how GraphQL can help your business, GraphQLConf is a can’t-miss opportunity to be part of this ecosystem.
 

src/pages/blog/2024-04-11-announcing-new-graphql-website/graphql-org-v0.gif

@@ -0,0 +1,101 @@
+---
+title: Announcing New GraphQL Website
+tags: [announcements]
+date: 2024-04-11
+byline: Dimitri POSTOLOV & Uri GOLDSHTEIN
+---
+
+Hi, everyone! I'm [Dimitri POSTOLOV](https://x.com/dimaMachina_) from
+[The Guild](https://the-guild.dev), and today I'm excited to announce the new [GraphQL.org](/)
+website.
+
+2 weeks ago, we released a new GraphQL website. We've been working on this for about 2 months, and
+we're excited to share it with you.
+
+## A Little Dive into History
+
+An initial version of GraphQL.ORG v0 was created [almost 8 years ago](https://github.com/graphql/graphql.github.io/pull/76) by [Lee BYRON](https://x.com/leeb) in 2016.
+
+![Screenshot of initial version of GraphQL.ORG v0](./graphql-org-v0.gif)
+
+<p className="text-center">An initial version of GraphQL.ORG v0</p>
+
+Later, [after 4 years in 2020](https://github.com/graphql/graphql.github.io/pull/896), the website was migrated to Gatsby by The Guild members [Saihajpreet SINGH](https://x.com/singh_saihaj) and
+[Arda TANRIKULU](https://x.com/ardatanrikulu).
+
+![Screenshot of GraphQL.ORG v1 with Gatsby](./graphql-org-v1.gif)
+
+<p className="text-center">GraphQL.ORG v1 x Gatsby</p>
+
+All of us GraphQL developers spent a lot of time learning this language from the "Learn" page, which is shown below, and you definitely remember it!
+
+> Also, we all hated visiting this page at night due to the lack of a night theme. <span className="not-italic">😅</span>
+
+![Screenshot of GraphQL.ORG v1 learn page](./graphql-org-v1-learn-page.png)
+
+<p className="text-center">GraphQL.ORG Learn page x Gatsby</p>
+
+With the new website, we've made a lot of improvements, including a dark theme, below how the "Learn" page looks like:
+
+<div className="mt-6 dark:even:[&_img]:hidden odd:[&_img]:hidden dark:odd:[&_img]:block">
+  <>![Screenshot of GraphQL.ORG v2 learn page](./graphql-org-v2-learn-page-light.png)</>
+  <>![Screenshot of GraphQL.ORG v2 learn page](./graphql-org-v2-learn-page-dark.png)</>
+  <p className="text-center">GraphQL.ORG Learn page x Nextra</p>
+</div>
+
+## What's New
+
+Here is a recap of the new features and improvements we've made to the website:
+
+### Migration to Nextra 3 & Vercel
+
+We migrated from Gatsby & Netlify to [Nextra](https://nextra.vercel.app) and [Next.js](https://nextjs.org).
+We chose Nextra because it's a great tool for building documentation websites, also [The Guild](https://the-guild.dev) maintains and improves it continuously.
+This migration helped us to improve the website's performance and bundle size.
+
+This migration was the final part before releasing the upcoming Nextra version. You can read my blog post
+about Nextra 3 in [The Guild blog](https://the-guild.dev/blog/nextra-3). Recently, we migrated all
+The Guild documentation websites to Nextra 3, and we can assume that it's stable for production.
+
+Also, at the same time while migrating this website, I started to work on the future Nextra 4 version
+with [app router support](https://nextjs.org/docs/app).
+Once the first Nextra 4 alpha is out, this website be updated too!
+
+### New Search Engine
+
+A search was migrated from Algolia to Nextra's built-in search [Flexsearch](https://github.com/nextapps-de/flexsearch)
+
+### Light and Dark Themes
+
+For the first time, since the creation of GraphQL.ORG, we have a dark theme! You can switch between light and dark themes using the toggle in the top right corner.
+
+### Improved Accessibility
+
+Accessibility and contrast mode have been improved to make the website more accessible.
+
+### Better Bundle Size and First Load Time
+
+The new website has a better bundle size and first load time compared to the previous version.
+
+### New [/code](/code) and [/community](/community) Pages
+
+We are excited to show [the new Code](/code) page which was renamed to "Tools and Libraries". You can read in the [GitHub repo](https://github.com/graphql/graphql.github.io/blob/source/notes/ContributingToCodePage.md)
+how to contribute to this page and add your library or tool.
+
+[The community](/community) page was redesigned and restructured. And now you can find all community resources in one place.
+
+### New [/conf](/conf) Page for GraphQLConf 2024
+
+With the new website, we are excited to announce the upcoming GraphQLConf 2024. More info can be read on
+[GraphQLConf 2024 page](/conf/2024) or in [the official announcement blogpost](/blog/2024-03-28-announcing-graphqlconf-2024).
+
+> Also, you can check [the previous conference GraphQLConf 2023](/conf/2023).
+
+## Conclusion
+
+When I started to learn GraphQL in 2018 I could never imagine that one day I would be working on this
+migration! I am excited to be a part of this journey and finally release the new website which is much
+better than the previous 🥳.
+
+Subscribe to me in [X](https://x.com/dimaMachina_) and
+[GitHub](https://github.com/dimaMachina) and see you in GraphQLConf 2024 🚀.

src/pages/blog/2024-04-11-announcing-new-graphql-website/graphql-org-v1-learn-page.png

@@ -2,6 +2,8 @@ import { useConfig } from "nextra-theme-docs"
 import NextLink from "next/link"
 
 export default {
+  // only for blog posts inside folders we need to specify breadcrumb title
+  "2024-04-11-announcing-new-graphql-website": "Announcing GraphQLConf 2024",
   "*": {
     display: "hidden",
     theme: {