Need to implement storybook in my project (Nextjs 12, tailwindcss and typescript)

[sanjayelanco]

Summary

Hi There,

I want to add storybook in my existing project and I am using nextjs version 12 with taiwindcss. As per the official document of storybook latest version is supported in next version > 13.

So, can you please let me know how to add storybook in my project with given nextjs version and also I need to add addon as well for Autodocs and Accessibility

Thank you

Additional information

No response

Create a reproduction

No response

[sanjayelanco]

What I did to achive this task?

use pnpm dlx storybook@latest init but this is installed latest version of storybook which is not compitible with nextjs version 12

so, after some reaserch I got to know that version 7 of storybook is compitible with nextjs 12. so I did pnpm dlx sb@7 init --builder webpack5 but this also not worked for me.

[sanjayelanco]

Using above command getting this error

I know the reason as well my project is base on typescrip and storybook init command creates main.ts instead of main.js. I tried to rename the file as well but it's also dind't help me