✨ Enhancement: Page in overview section to show Case Studies

[benjagm]

Is your feature request related to a problem? Please describe

No

Describe the solution you'd like

it would be amazing to have a new page inside the overview section to show the case studies published in the blog.
This will be a data drive page reading results from a json file stored in our data folder. Each item of the file will have these fields:

• logo
• summary
• List of links
  • lang : Language in ISO 639-1
  • url : link to the case study in that language

Please see this prototype:

This is a prototype made by screenshot. Please complete the job using styles as per our site.

For the cards please consider using border shadows similar to the ones in the landing page:

The case studies are available in the blog:
https://json-schema.org/blog?type=Case%20Study

Describe alternatives you've considered

No response

Additional context

No response

Are you working on this?

No

[TamannaVerma99]

Hey!
Since my previous issue is blocked by another one (the card component is yet to be made) , Is it ok if I can be assigned this issue?

[benjagm]

Please go ahead. These cards is not going to be the standard ones. So no blockers expected here.

[TamannaVerma99]

@benjagm, Had a few questions related to this one.

In order to add a custom card component which will read data from the specified JSON file, I would either have to use a .tsx file or a .mdx file. However, the present configuration for the pages/SideBar section specifies the use of only '.md' files. I tried finding out ways to implement components in .md itself, but conversion to .mdx is mandatory and based on the settings in [slug].page.tsx file (specifically, getStaticMarkdownPaths property) allows only .md files to be rendered.

So, will it be okay to modify this function to include .mdx files or is there another way round that can be used?

Also, for adding .mdx files, I will also need to configure the next.config.json file. So wanted to know your views before making such major changes. Thanks!

[benjagm]

I would either have to use a .tsx

Please see the [slug].page.tsx in each subfolder of pages. This can help you think about how you can have your own page without md. I will recommend you to take a look to implementers page but be careful, this page doesn't have sidebar.

I hope this helps. We have multiple issues implementing similar features. Pleas see #429

[TamannaVerma99]

Okay I will take reference from these issues! Thanks for the information.