Next.js projesi için hikaye kitabı kurmak için aşağıdaki adımları izleyebilirsiniz:
Proje Klonlama: İlk olarak, GitHub’dan Next.js’in hikaye kitabı projesini klonlamanız gerekir. Terminal üzerinde proje dizinine gidin ve “git clone https://github.com/storybookjs/storybook.git” komutunu çalıştırın.
Bağımlılıkları Yükleme: Proje dizinine gidin ve “npm install” komutunu çalıştırarak proje için gerekli tüm bağımlılıkları yükleyin.
Next.js Entegrasyonu: Storybook, farklı teknolojilerle entegre olabilir. Bu durumda, Next.js için gerekli olan eklentiyi “npm install @storybook/addon-essentials @storybook/preset-create-react-app @storybook/preset-next” komutunu çalıştırarak yükleyin.
Hikaye Kitabı Başlatılması: Tüm bağımlılıklar yüklendikten sonra, “npx sb init” komutunu çalıştırarak hikaye kitabını başlatabilirsiniz. Bu, tasarımınızdaki tüm bileşenlerin hikaye kitabında görüntülenmesini sağlar.
Hikaye Ekleme: Hikaye kitabı başlatıldıktan sonra, “stories” klasöründe bileşenlerin hikayelerini ekleyebilirsiniz.
Bu adımları izlediğinizde, Next.js projesi için hikaye kitabının kurulumunu tamamlamış olacaksınız.