M\u00fczik tutkunlar\u0131 olarak, bazen en sevdi\u011fimiz \u015fark\u0131lar\u0131n s\u00f6zlerini do\u011fru bir \u015fekilde bulmak veya kendi yazd\u0131\u011f\u0131m\u0131z s\u00f6zleri d\u00fczenli bir \u015fekilde saklamak zor olabilir. \u0130nternetteki genel \u015fark\u0131 s\u00f6z\u00fc siteleri \u00e7o\u011fu zaman reklamlarla dolu, ki\u015fiselle\u015ftirme se\u00e7enekleri k\u0131s\u0131tl\u0131 ve mahremiyet endi\u015feleri ta\u015f\u0131yabilir. Peki ya sadece size \u00f6zel, yapay zeka destekli, d\u00fczenli ve eri\u015fimi kolay bir \u015fark\u0131 s\u00f6z\u00fc ar\u015fiviniz olsayd\u0131? \u0130\u015fte bu makalede, tam da bu ihtiyaca y\u00f6nelik, “Song Lingo” ad\u0131n\u0131 verdi\u011fimiz hayali bir yapay zeka servisini Google Cloud Run \u00fczerinde nas\u0131l da\u011f\u0131tabilece\u011finizi ad\u0131m ad\u0131m inceleyece\u011fiz. Bu rehber sayesinde, kendi \u00f6zel \u015fark\u0131 s\u00f6z\u00fc cennetinizi kurarken hem modern bulut teknolojilerini \u00f6\u011frenecek hem de ki\u015fisel verilerinizin kontrol\u00fcn\u00fc elinizde tutman\u0131n keyfini ya\u015fayacaks\u0131n\u0131z. Bu proje, sadece bir \u015fark\u0131 s\u00f6z\u00fc ar\u015fivi olman\u0131n \u00f6tesinde, size \u00f6zel bir veri i\u015fleme ve sunum platformu in\u015fa etme f\u0131rsat\u0131 sunuyor.<\/p>\n
G\u00fcn\u00fcm\u00fcz dijital \u00e7a\u011f\u0131nda bilgiye eri\u015fim her zamankinden daha kolay olsa da, ki\u015fisel ve \u00f6zelle\u015ftirilmi\u015f deneyimler giderek daha fazla \u00f6nem kazanmaktad\u0131r. \u015eark\u0131 s\u00f6zleri de bu durumdan nasibini al\u0131yor. Belki bir m\u00fczisyensiniz ve yazd\u0131\u011f\u0131n\u0131z \u015fark\u0131 s\u00f6zlerini taslak halinde, farkl\u0131 versiyonlar\u0131yla birlikte saklamak istiyorsunuz. Belki de belirli bir sanat\u00e7\u0131n\u0131n t\u00fcm diskografisindeki \u015fark\u0131 s\u00f6zlerini, kendi notlar\u0131n\u0131zla, \u00f6zel etiketlerinizle ve hatta yapay zeka destekli analizlerle g\u00f6r\u00fcnt\u00fclemek istiyorsunuz. Mevcut genel \u015fark\u0131 s\u00f6z\u00fc platformlar\u0131, bu t\u00fcr ki\u015fisel ihtiya\u00e7lar\u0131 nadiren kar\u015f\u0131lar. Reklam bombard\u0131man\u0131, yanl\u0131\u015f veya eksik s\u00f6zler, s\u0131n\u0131rl\u0131 arama ve filtreleme se\u00e7enekleri gibi sorunlar, kullan\u0131c\u0131 deneyimini olumsuz etkileyebilir. Dahas\u0131, ki\u015fisel notlar\u0131n\u0131z\u0131 veya taslaklar\u0131n\u0131z\u0131 herkese a\u00e7\u0131k bir platformda saklamak, gizlilik endi\u015felerini beraberinde getirir. \u0130\u015fte bu noktada, kendi \u00f6zel \u015fark\u0131 s\u00f6z\u00fc web sitemizi olu\u015fturma fikri devreye giriyor.<\/p>\n
Bu proje, size sadece bir web sitesi sunmakla kalmayacak, ayn\u0131 zamanda verilerinizin tam kontrol\u00fcn\u00fc size verecektir. Kendi sunucunuzda (daha do\u011frusu sunucusuz bir ortamda) bar\u0131nd\u0131rd\u0131\u011f\u0131n\u0131z i\u00e7in, verilerinizin nas\u0131l depoland\u0131\u011f\u0131na, kimlerin eri\u015febilece\u011fine ve hangi \u00f6zelliklerin eklenece\u011fine siz karar verirsiniz. Yapay zeka entegrasyonu sayesinde, \u015fark\u0131 s\u00f6zlerinizi sadece metin olarak saklamakla kalmayacak, ayn\u0131 zamanda “Song Lingo” gibi bir ara\u00e7la anlamlar\u0131n\u0131 analiz edebilir, duygusal tonlar\u0131n\u0131 \u00e7\u0131karabilir, tematik etiketler ekleyebilir veya benzer \u015fark\u0131lar\u0131 otomatik olarak \u00f6nerebilirsiniz. Bu, pasif bir ar\u015fivden \u00e7ok daha fazlas\u0131; aktif bir \u00f6\u011frenme ve ke\u015fif platformudur. \u00d6rne\u011fin, bir \u015fark\u0131 s\u00f6z\u00fcn\u00fcn hangi kelime \u00f6beklerinin en \u00e7ok tekrarland\u0131\u011f\u0131n\u0131 g\u00f6rmek, belirli bir duygu yo\u011funlu\u011funa sahip b\u00f6l\u00fcmleri h\u0131zl\u0131ca bulmak veya farkl\u0131 \u015fark\u0131lardaki benzer temalar\u0131 ortaya \u00e7\u0131karmak, yapay zeka ile m\u00fcmk\u00fcn hale gelir. Bu t\u00fcr bir ki\u015fisel proje, hem hobinizi derinle\u015ftirmenize hem de modern yaz\u0131l\u0131m geli\u015ftirme ve bulut teknolojileri hakk\u0131nda pratik deneyim kazanman\u0131za olanak tan\u0131r. Bir yandan Python ile web uygulamas\u0131 geli\u015ftirirken, di\u011fer yandan Docker ve Google Cloud Run ile sunucusuz mimarinin avantajlar\u0131n\u0131 ke\u015ffedeceksiniz. Bu entegre yakla\u015f\u0131m, sadece bir sorun \u00e7\u00f6zmekle kalmay\u0131p, ayn\u0131 zamanda de\u011ferli teknik beceriler edinmenizi de sa\u011flar.<\/p>\n
\u00d6zel \u015fark\u0131 s\u00f6z\u00fc web sitemizi hayata ge\u00e7irirken kullanaca\u011f\u0131m\u0131z temel teknolojileri ve kavramlar\u0131 anlamak, projenin ba\u015far\u0131l\u0131 bir \u015fekilde ilerlemesi i\u00e7in kritik \u00f6neme sahiptir. Bu b\u00f6l\u00fcmde, projemizin omurgas\u0131n\u0131 olu\u015fturan “Song Lingo”, Google Cloud Run ve genel olarak yapay zeka (AI) kavramlar\u0131na daha yak\u0131ndan bakaca\u011f\u0131z. Bu bile\u015fenler, sistemimizin hem ak\u0131ll\u0131 hem de \u00f6l\u00e7eklenebilir olmas\u0131n\u0131 sa\u011flayacak temel yap\u0131 ta\u015flar\u0131d\u0131r.<\/p>\n
“Song Lingo”, bu makale i\u00e7in kurgusal olarak tasarlanm\u0131\u015f, \u015fark\u0131 s\u00f6zlerini analiz etmek ve zenginle\u015ftirmek i\u00e7in yapay zeka (Artificial Intelligence – AI) modellerini kullanan bir servistir. Ger\u00e7ek d\u00fcnyada bu t\u00fcr bir servis, do\u011fal dil i\u015fleme (Natural Language Processing – NLP) teknikleri kullan\u0131larak geli\u015ftirilebilir. Song Lingo’nun temel amac\u0131, ham \u015fark\u0131 s\u00f6z\u00fc metinlerini al\u0131p, onlara anlam katacak, kategorize edecek veya analiz edecek bilgiler \u00fcretmektir. \u00d6rne\u011fin, bir \u015fark\u0131 s\u00f6z\u00fcn\u00fcn genel duygu durumunu (pozitif, negatif, n\u00f6tr) belirleyebilir, anahtar kelimeler ve temalar \u00e7\u0131karabilir, kafiye \u015femalar\u0131n\u0131 analiz edebilir veya hatta dilbilgisel hatalar\u0131 tespit edip d\u00fczeltme \u00f6nerilerinde bulunabilir. Bu, \u015fark\u0131 s\u00f6zlerinizi sadece bir metin y\u0131\u011f\u0131n\u0131 olmaktan \u00e7\u0131kar\u0131p, \u00fczerinde \u00e7al\u0131\u015f\u0131labilecek ve anlamland\u0131r\u0131labilecek zengin bir veri kayna\u011f\u0131na d\u00f6n\u00fc\u015ft\u00fcr\u00fcr. Song Lingo, web uygulamam\u0131z\u0131n arka plan\u0131nda \u00e7al\u0131\u015farak, kullan\u0131c\u0131lar\u0131n y\u00fckledi\u011fi veya ekledi\u011fi her \u015fark\u0131 s\u00f6z\u00fc i\u00e7in otomatik olarak bu t\u00fcr analizleri ger\u00e7ekle\u015ftirecek ve sonu\u00e7lar\u0131 veritaban\u0131m\u0131za kaydedecektir. Bu sayede, \u015fark\u0131 s\u00f6zlerinizi sadece okumakla kalmayacak, ayn\u0131 zamanda onlar\u0131n derinliklerine inebilecek ve farkl\u0131 a\u00e7\u0131lardan inceleyebileceksiniz. Bu, \u00f6zellikle \u015fark\u0131 yazarlar\u0131, m\u00fczikologlar veya sadece \u015fark\u0131 s\u00f6zlerinin anlam d\u00fcnyas\u0131na ilgi duyanlar i\u00e7in b\u00fcy\u00fck bir de\u011fer ta\u015f\u0131r. \u00d6rne\u011fin, bir \u015fark\u0131n\u0131n s\u00f6zlerinin zaman i\u00e7indeki duygu de\u011fi\u015fimini izleyebilir veya farkl\u0131 sanat\u00e7\u0131lar\u0131n kulland\u0131\u011f\u0131 kelime da\u011farc\u0131\u011f\u0131n\u0131 kar\u015f\u0131la\u015ft\u0131rabilirsiniz.<\/p>\n
Google Cloud Run, sunucusuz (serverless) bir bilgi i\u015flem platformudur. Geli\u015ftiricilerin, kodlar\u0131n\u0131 konteynerler (containers) i\u00e7inde \u00e7al\u0131\u015ft\u0131rmas\u0131na olanak tan\u0131r ve altyap\u0131 y\u00f6netimiyle u\u011fra\u015fmadan uygulamalar\u0131n\u0131 kolayca da\u011f\u0131tabilmelerini sa\u011flar. Geleneksel sunucu tabanl\u0131 uygulamalar\u0131n aksine, Cloud Run’da bir sunucuyu s\u00fcrekli olarak \u00e7al\u0131\u015ft\u0131rman\u0131za veya \u00f6l\u00e7eklendirme (scaling) ayarlar\u0131 yapman\u0131za gerek kalmaz. Uygulaman\u0131z sadece talep geldi\u011finde \u00e7al\u0131\u015f\u0131r ve i\u015fi bitti\u011finde otomatik olarak kapan\u0131r. Bu model, \u00f6zellikle d\u00fc\u015f\u00fck trafikli veya dalgal\u0131 trafikli uygulamalar i\u00e7in maliyet etkinli\u011fi ve verimlilik a\u00e7\u0131s\u0131ndan b\u00fcy\u00fck avantajlar sunar. Cloud Run’\u0131n temel faydalar\u0131 \u015funlard\u0131r:<\/p>\n
Bu \u00f6zellikler, \u00f6zel \u015fark\u0131 s\u00f6z\u00fc web sitemiz gibi ki\u015fisel bir proje i\u00e7in Cloud Run’\u0131 ideal bir se\u00e7im haline getirir. Uygulamam\u0131z\u0131n \u00e7ok y\u00fcksek trafik almas\u0131 beklenmedi\u011fi i\u00e7in, sadece kullan\u0131ld\u0131\u011f\u0131nda \u00f6deme yapma modeli b\u00fct\u00e7emizi korumam\u0131za yard\u0131mc\u0131 olacakt\u0131r. Ayr\u0131ca, altyap\u0131 y\u00f6netimiyle u\u011fra\u015fmak yerine, projemizin as\u0131l mant\u0131\u011f\u0131na odaklanmam\u0131z\u0131 sa\u011flar.<\/p>\n
Projemizin mimarisi, kullan\u0131c\u0131 dostu bir \u00f6n y\u00fcz\u00fc, g\u00fc\u00e7l\u00fc bir arka y\u00fcz\u00fc ve ak\u0131ll\u0131 bir yapay zeka bile\u015fenini bir araya getirecektir. Genel olarak, mimari a\u015fa\u011f\u0131daki gibi i\u015fleyecektir:<\/p>\n
Bu mimari, mod\u00fcler bir yap\u0131 sunar. Her bile\u015fen kendi sorumlulu\u011funu yerine getirir ve birbirinden ba\u011f\u0131ms\u0131z olarak geli\u015ftirilip da\u011f\u0131t\u0131labilir. Kullan\u0131c\u0131 bir \u015fark\u0131 s\u00f6z\u00fc ekledi\u011finde, web uygulamas\u0131 bu iste\u011fi al\u0131r, s\u00f6zleri veritaban\u0131na kaydeder ve ard\u0131ndan Song Lingo servisine g\u00f6nderir. Song Lingo, analizini tamamlad\u0131ktan sonra sonu\u00e7lar\u0131 web uygulamas\u0131na geri g\u00f6nderir ve bu sonu\u00e7lar da veritaban\u0131na eklenir. Kullan\u0131c\u0131 daha sonra \u015fark\u0131 s\u00f6zlerini g\u00f6r\u00fcnt\u00fcledi\u011finde, hem orijinal metni hem de yapay zeka taraf\u0131ndan \u00fcretilen analizleri g\u00f6rebilir. Bu katmanl\u0131 yap\u0131, sistemin esnekli\u011fini ve bak\u0131m kolayl\u0131\u011f\u0131n\u0131 art\u0131r\u0131r.<\/p>\n
\u015eimdi teoriden prati\u011fe ge\u00e7me zaman\u0131. Bu b\u00f6l\u00fcmde, \u00f6zel \u015fark\u0131 s\u00f6z\u00fc web sitemizi s\u0131f\u0131rdan nas\u0131l kuraca\u011f\u0131m\u0131z\u0131, gerekli ara\u00e7lar\u0131 nas\u0131l haz\u0131rlayaca\u011f\u0131m\u0131z\u0131, web uygulamam\u0131z\u0131 nas\u0131l geli\u015ftirece\u011fimizi ve son olarak Google Cloud Run’a nas\u0131l da\u011f\u0131taca\u011f\u0131m\u0131z\u0131 ad\u0131m ad\u0131m inceleyece\u011fiz. Bu s\u00fcre\u00e7, hem yaz\u0131l\u0131m geli\u015ftirme hem de bulut da\u011f\u0131t\u0131m\u0131 konular\u0131nda size pratik deneyim kazand\u0131racakt\u0131r.<\/p>\n
Ba\u015flamadan \u00f6nce, geli\u015ftirme ortam\u0131m\u0131z\u0131 haz\u0131rlamam\u0131z gerekiyor. \u0130\u015fte ihtiyac\u0131m\u0131z olanlar:<\/p>\n
Bu ara\u00e7lar\u0131 kurduktan sonra, Google Cloud SDK’y\u0131 yap\u0131land\u0131rman\u0131z gerekecek. Terminalinizde a\u015fa\u011f\u0131daki komutu \u00e7al\u0131\u015ft\u0131rarak kimlik do\u011frulamas\u0131 yap\u0131n ve projenizi se\u00e7in:<\/p>\n
gcloud auth login\ngcloud config set project [PROJEKT_ID]<\/code><\/pre>\n<\/div>\n[PROJEKT_ID]<\/code> yerine kendi Google Cloud proje ID’nizi yazmal\u0131s\u0131n\u0131z. Ard\u0131ndan, projeniz i\u00e7in bir klas\u00f6r olu\u015fturun:<\/p>\n\nmkdir song-lingo-app\ncd song-lingo-app<\/code><\/pre>\n<\/div>\n\u015eark\u0131 S\u00f6z\u00fc Lingo API’sini Entegre Etmek: Yapay Zeka Destekli \u0130\u015flemler<\/h3>\n
Kurgusal “Song Lingo” servisimiz, bir HTTP API (Uygulama Programlama Aray\u00fcz\u00fc) \u00fczerinden eri\u015filebilir olacak. Bu API, \u015fark\u0131 s\u00f6z\u00fc metnini alacak ve zenginle\u015ftirilmi\u015f analiz sonu\u00e7lar\u0131n\u0131 JSON format\u0131nda d\u00f6nd\u00fcrecek. Ger\u00e7ek bir senaryoda, bu API’yi kendiniz bir ba\u015fka Cloud Run servisi olarak veya bir Cloud Function olarak geli\u015ftirebilirsiniz. Basitlik ad\u0131na, burada bu API’ye yap\u0131lan \u00e7a\u011fr\u0131y\u0131 sim\u00fcle edece\u011fiz.<\/p>\n
Python web uygulamam\u0131zda, Song Lingo API’sine istek g\u00f6ndermek i\u00e7in requests<\/code> k\u00fct\u00fcphanesini kullanaca\u011f\u0131z. \u00d6rne\u011fin, bir \u015fark\u0131 s\u00f6z\u00fcn\u00fc analiz etmek istedi\u011fimizde \u015f\u00f6yle bir fonksiyonumuz olabilir:<\/p>\n\nimport requests\nimport json\n\ndef analyze_lyrics_with_song_lingo(lyrics_text):\n song_lingo_api_url = \"https:\/\/your-song-lingo-api.example.com\/analyze\" # Bu URL'yi kendi API'nizle de\u011fi\u015ftirin\n headers = {\"Content-Type\": \"application\/json\"}\n payload = {\"lyrics\": lyrics_text}\n\n try:\n response = requests.post(song_lingo_api_url, headers=headers, data=json.dumps(payload))\n response.raise_for_status() # HTTP hatalar\u0131n\u0131 yakala\n return response.json()\n except requests.exceptions.RequestException as e:\n print(f\"Song Lingo API \u00e7a\u011fr\u0131s\u0131nda hata olu\u015ftu: {e}\")\n return {\"error\": \"API \u00e7a\u011fr\u0131s\u0131 ba\u015far\u0131s\u0131z oldu\"}<\/code><\/pre>\n<\/div>\nBu fonksiyon, verilen \u015fark\u0131 s\u00f6z\u00fc metnini (lyrics_text<\/code>) Song Lingo API’sine g\u00f6nderir ve d\u00f6nd\u00fcr\u00fclen JSON cevab\u0131n\u0131 i\u015fler. Cevap, \u00f6rne\u011fin duygu analizi, anahtar kelimeler veya tematik etiketler i\u00e7erebilir. Web uygulamam\u0131zda, yeni bir \u015fark\u0131 s\u00f6z\u00fc kaydedildi\u011finde bu fonksiyonu \u00e7a\u011f\u0131rarak otomatik analizi tetikleyebiliriz. Bu entegrasyon, \u015fark\u0131 s\u00f6zlerimize sadece metinsel bir de\u011fer de\u011fil, ayn\u0131 zamanda yapay zeka destekli bir derinlik katmam\u0131z\u0131 sa\u011flar. Bu sayede, kullan\u0131c\u0131lar \u015fark\u0131 s\u00f6zlerini sadece okumakla kalmayacak, ayn\u0131 zamanda onlar\u0131n alt\u0131nda yatan anlamlar\u0131 ve karakteristik \u00f6zellikleri hakk\u0131nda da bilgi edinebileceklerdir. Bu, ki\u015fisel \u015fark\u0131 s\u00f6z\u00fc ar\u015fivinizi standart bir metin koleksiyonundan \u00e7ok daha zengin ve etkile\u015fimli bir deneyime d\u00f6n\u00fc\u015ft\u00fcr\u00fcr.<\/p>\nKullan\u0131c\u0131 Aray\u00fcz\u00fc ve Veri Y\u00f6netimi: Flask ile Web Uygulamas\u0131 Olu\u015fturma<\/h3>\n
Web uygulamam\u0131z i\u00e7in Python’\u0131n hafif ve esnek web \u00e7at\u0131s\u0131 (framework) Flask’\u0131 kullanaca\u011f\u0131z. Uygulamam\u0131z temel olarak \u015fark\u0131 s\u00f6zlerini listeleme, yeni \u015fark\u0131 s\u00f6z\u00fc ekleme ve detaylar\u0131n\u0131 g\u00f6r\u00fcnt\u00fcleme i\u015flevlerini sunacak. Veritaban\u0131 olarak da Google Cloud Firestore’u tercih edebiliriz, \u00e7\u00fcnk\u00fc sunucusuz ortamlara (serverless environments) iyi uyum sa\u011flar ve \u00f6l\u00e7eklenebilirdir.<\/p>\n
\u00d6ncelikle, projemizin k\u00f6k dizininde app.py<\/code> ad\u0131nda bir dosya olu\u015ftural\u0131m ve gerekli k\u00fct\u00fcphaneleri kural\u0131m:<\/p>\n\npip install Flask google-cloud-firestore requests<\/code><\/pre>\n<\/div>\napp.py<\/code> i\u00e7eri\u011fi:<\/p>\n\nfrom flask import Flask, render_template, request, redirect, url_for\nfrom google.cloud import firestore\nimport requests\nimport json\nimport os\n\napp = Flask(__name__)\ndb = firestore.Client() # Firestore istemcisini ba\u015flat\n\n# Song Lingo API URL'sini ortam de\u011fi\u015fkeninden al veya varsay\u0131lan belirle\nSONG_LINGO_API_URL = os.getenv(\"SONG_LINGO_API_URL\", \"http:\/\/localhost:5001\/analyze\") # Varsay\u0131lan olarak lokal bir URL\n\ndef analyze_lyrics_with_song_lingo(lyrics_text):\n headers = {\"Content-Type\": \"application\/json\"}\n payload = {\"lyrics\": lyrics_text}\n try:\n response = requests.post(SONG_LINGO_API_URL, headers=headers, data=json.dumps(payload))\n response.raise_for_status()\n return response.json()\n except requests.exceptions.RequestException as e:\n print(f\"Song Lingo API \u00e7a\u011fr\u0131s\u0131nda hata olu\u015ftu: {e}\")\n return {\"error\": \"API \u00e7a\u011fr\u0131s\u0131 ba\u015far\u0131s\u0131z oldu\", \"details\": str(e)}\n\n@app.route('\/')\ndef index():\n songs_ref = db.collection('songs').order_by('title')\n songs = [doc.to_dict() for doc in songs_ref.stream()]\n return render_template('index.html', songs=songs)\n\n@app.route('\/add', methods=['GET', 'POST'])\ndef add_song():\n if request.method == 'POST':\n title = request.form['title']\n artist = request.form['artist']\n lyrics = request.form['lyrics']\n\n song_data = {\n 'title': title,\n 'artist': artist,\n 'lyrics': lyrics,\n 'created_at': firestore.SERVER_TIMESTAMP\n }\n\n # Song Lingo ile analiz yap\n analysis_results = analyze_lyrics_with_song_lingo(lyrics)\n song_data['analysis'] = analysis_results\n\n db.collection('songs').add(song_data)\n return redirect(url_for('index'))\n return render_template('add_song.html')\n\n@app.route('\/song\/')\ndef view_song(song_id):\n song_ref = db.collection('songs').document(song_id)\n song = song_ref.get()\n if song.exists:\n return render_template('view_song.html', song=song.to_dict(), song_id=song.id)\n return \"\u015eark\u0131 bulunamad\u0131\", 404\n\nif __name__ == '__main__':\n app.run(debug=True, host='0.0.0.0', port=int(os.environ.get('PORT', 8080)))<\/code><\/pre>\n<\/div>\nBu kod, Flask uygulamas\u0131n\u0131n temelini olu\u015fturur. \/<\/code> ana sayfas\u0131 t\u00fcm \u015fark\u0131lar\u0131 listeler, \/add<\/code> yeni \u015fark\u0131 eklemeyi sa\u011flar (bu s\u0131rada Song Lingo ile analiz yap\u0131l\u0131r) ve \/song\/<\/code> belirli bir \u015fark\u0131n\u0131n detaylar\u0131n\u0131 g\u00f6sterir. Song Lingo API URL’sini bir ortam de\u011fi\u015fkeninden alarak esneklik sa\u011fl\u0131yoruz.<\/p>\n\u015eimdi HTML \u015fablonlar\u0131m\u0131z\u0131 olu\u015ftural\u0131m. Proje klas\u00f6r\u00fcn\u00fczde templates<\/code> ad\u0131nda bir klas\u00f6r olu\u015fturun ve i\u00e7ine a\u015fa\u011f\u0131daki dosyalar\u0131 ekleyin:<\/p>\ntemplates\/index.html<\/code>:<\/p>\n