[FEATURE] Request and display SurPathHub blog post section

[mkubdev]

Detailed description

The blog is displaying mocked blog posts 👇

We need to implement data fetching from Dev.to and display the real blog posts from the community.

Context

Because we need to update mocked content from the Figma/Next.js migration.

Possible implementation

Use getStaticProps as data fetching strategy.

export const getStaticProps = async () => {
  const res = await fetch("https://dev.to/api/articles?username=surpathhub");
  const data = await res.json();

  return {
    props: {
      data,
    },
  };
};

@vinzvinci Do you already have account for SurPath Hub?

Additional information

No response

Code of Conduct

• [X] I agree to follow this project's Code of Conduct

[vinzvinci]

Yes

https://dev.to/surpathhub

[mkubdev]

Yes

https://dev.to/surpathhub

Ok so it's normal that https://dev.to/api/articles?username=surpathhub is empty.

[vinzvinci]

yeah let's put on-hold first xD