[examples] Update styled-components with Babel - add types

[rafae2k]

This PR is looking forward to improve documentation examples about usage of Next.js with Typescript and Styled-components.

I added Typescript types to the original example Example app with styled-components using babel

Feature

• Related issues linked using
• Documentation added

Documentation / Examples

• Make sure the linting passes by running yarn lint

fixes #36008

[balazsorban44]

It looks like you are missing a few dev dependencies (typescript, @types/react, @types/node) and tsconfig.json.

Could you run this example locally first to verify it works? 👍

[rafae2k]

It looks like you are missing a few dev dependencies (typescript, @types/react, @types/node) and tsconfig.json.

Could you run this example locally first to verify it works? 👍

Sorry, i forgot to add ts config files and dependencies, i have TS installed globally 😅.

Here's a modified example showing it works! (The original example continues "My page" 😂)

[balazsorban44]

Thanks!

[rafae2k]

Thanks!

There's was a fail in CI lint check, because when i generated the tsconfig i didn't code formatted with prettier.

I fix it in the last commit.