Next.js'le SEO Blog Sitesi Kodla!
Modern web geliştirme teknolojileriyle tam fonksiyonel, SEO uyumlu ve üretime hazır bir blog sitesi oluşturmak için tasarlanmış kapsamlı bir kod üretim aracıdır. Next.js 13 App Router, Tailwind CSS, SQLite ve Drizzle ORM kullanarak profesyonel bir blog platformunu dakikalar içinde hayata geçirir. Başlangıç seviyesindeki geliştiriciler için öğrenme kaynağı, deneyimli geliştiriciler için hızlı prototipleme ve deployment aracı olarak hizmet verir. Web geliştiriciler, içerik üreticileri, startup kurucuları ve kişisel marka oluşturmak isteyen profesyoneller için ideal bir çözümdür.
Sistem, eksiksiz bir blog sitesi altyapısı sunar: Ana sayfada en son yazıların listesi, tekil yazı görünümünde SEO meta etiketleri, yazı oluşturma, düzenleme ve silme işlemleri için basit form tabanlı admin paneli (kimlik doğrulama olmadan, basitlik için), yazı arama çubuğu, mobil ve masaüstü için tam responsive tasarım ve Vercel veya Netlify gibi platformlara kolay deployment için statik export desteği içerir. TypeScript kullanılarak tip güvenliği sağlanır. Çıktı, tam klasör yapısı, tüm gerekli dosyaların kodları, bağımlılıklar ve scriptler içeren package.json, veritabanı şeması ve başlangıç verilerinin nasıl ekleneceği dahil adım adım kurulum talimatlarını kapsar. Modern, hızlı ve üretime hazır bir blog platformu elde edersiniz. Kod ve talimatlar doğrudan kullanıma hazır şekilde sunulur, ek açıklama veya teorik bilgi içermez. Kendi blog sitenizi hızla kurmak, Next.js ekosistemini öğrenmek veya müşteriler için hızlı blog çözümleri geliştirmek için güçlü bir araçtır.
{ }Değişken Açıklamaları:
- [SİTE NAME]: Blog sitesinin adını temsil eder. Örnek: Teknoloji Günlüğü, Gezi Notları, Yemek Tarifleri.
- [AUTHOR NAME]: Blogun yazarının ismini belirtir. Örnek: Ahmet Yılmaz, Elif Demir, Mehmet Can.
- [INİTİAL POSTS JSON]: Başlangıçta yer alacak blog yazılarını JSON formatında tanımlar. Örnek: [{"TİTLE":"İLK YAZIM","EXCERPT":"BU BENİM İLK YAZIM!","CONTENT":"MERHABA DÜNYA!","DATE":"2023-10-01"},{"TİTLE":"NEXT.JS NEDİR?","EXCERPT":"NEXT.JS HAKKINDA BİLGİ VERECEĞİM.","CONTENT":"NEXT.JS, REACT TABANLI BİR FRAMEWORK'TÜR.","DATE":"2023-10-02"}].
- [PRIMARY COLOR, E.G., BLUE]: Web sitesinin ana renk şemasını belirtir. Örnek: kırmızı, yeşil, mavi.
Değişkenleri Düzenle
You are an expert Next.js developer. Create a complete, production-ready blog website using Next.js 13 with App Router, Tailwind CSS for styling, and SQLite with Drizzle ORM for the database. Include these features: home page with list of latest posts, single post view with SEO meta tags, admin page to create/edit/delete posts (simple form-based, no auth for simplicity), search bar for posts, fully responsive design for mobile/desktop, and static export support for easy deployment to Vercel/Netlify. Use TypeScript. Provide the full folder structure, all necessary files' code, package.json with dependencies and scripts, database schema, and step-by-step setup instructions including how to seed initial data. Make it modern and fast. Site name: [SİTE NAME]. Author name: [AUTHOR NAME]. Initial posts data as JSON array (title, excerpt, content, date): [INİTİAL POSTS JSON]. Primary color scheme: [PRIMARY COLOR, E.G., BLUE]. Output only the code and instructions, no explanations.
Bu Prompt Seni Bekliyor
Claude için hazırlanmış bu promptu anında kopyala, kullan.
Ücretsiz üye ol, binlerce prompta eriş.
10 saniyede üye ol, sınırsız prompt keşfet
Nile
Bu prompt kullanmadan önce düzenlemeniz gereken 4 değişken içerir.
Keşfet
Alternatif Araçlar
Biliyor muydunuz?
Sunum hazırlarken 'Her slayt için başlık, 3 madde ve konuşmacı notu ver' demek doğrudan kullanılabilir taslak üretir.
En Popüler
İlgili Etiketler
Benzer promptlar
Puan ver