Nis 06, 2023
Next.js Projeme Nasıl Bootstrap Eklerim? 💻
Öncelikle yeni bir Next.js uygulaması oluşturalım.
1. Terminali açalım ve projeyi kurmak istediğiniz yolu seçelim. "cd" (change directory) komutuyla projeyi kurmak istediğiniz dizini değiştirebilirsiniz. Örneğin:
cd Desktop2. Aşağıdaki komut ile projemizi kuralım.
npx create-next-appveya
yarn create next-app3. Bootstrap kütüphanesini projemize ekleyelim. Bunun için projenizin bulunduğu dizinde terminal açarak şu komutu çalıştırmalısınız:
npm install bootstrap4. Projenizde Bootstrap kütüphanesini kullanmak için _app.js dosyasını açarak aşağıdaki kodu en üstüne ekleyin.
import 'bootstrap/dist/css/bootstrap.css'Voila! Bootstrap kütüphanesi kullanıma hazır. 🚀