feat: Dynamic Language Support for Notion Data in NextJs

[i99dev]

Problem

Currently, the Next.js application only supports pulling data from one Notion page and only supports one language.

Proposed Solution

Create separate Notion pages for each language and use the Next.js page ID to dynamically render the appropriate page when the user changes their language selection.

Implementation

• Create new Notion pages for each language (e.g. "Page - English", "Page - Spanish", etc.).
• Add a language select dropdown to the Next.js application.
• When the user selects a new language, dynamically update the Next.js page ID to match the corresponding Notion page for that language.
• Use the updated page ID to pull data from the corresponding Notion page and render the content in the selected language.

graph TD;
    A[Select Language] --> B[Update Page ID];
    B --> C[Pull data from Notion];
    C --> D[Render in selected language];

I plan to implement this on my Page. Any suggestions or idea will be welcome

[i99dev]

https://user-images.githubusercontent.com/10709888/214547338-f2de6167-8e3f-4541-b32e-ce187dc42d19.mp4

almost done

[jaktestowac]

We also need content separation what can base on user locale. Any chance to have this in near future?

[i99dev]

Hello @jaktestowac, regarding separation based on language, it is available

[jaktestowac]

@i99dev I understand that I can use different languages when I merge your PR https://github.com/morethanmin/morethan-log/pull/87 to my blog codebase?

[i99dev]

@jaktestowac Hey, I merged the last commit from the original repository. you can merge and follow up on instructions on Readme file

last update

[jaktestowac]

@i99dev Thanks👏 I will test it for sure!