Shopify Theme file setup

এখন আমি একদম ZERO থেকে, নতুন নাম peeters-dawn-theme ধরে
👉 ফোল্ডার তৈরি থেকে শুরু করে Shopify স্টোরে লাইভ করা পর্যন্ত
সবকিছু step-by-step, clean, beginner-safe ভাবে দিচ্ছি।

ধরে নিচ্ছি:

  • ❌ কোনো পুরোনো ফাইল নেই
  • ❌ কোনো পুরোনো repo নেই
  • ✅ আজই fresh শুরু

🆕 PROJECT NAME

peeters-dawn-theme

🧭 FULL PROCESS OVERVIEW

1️⃣ Local folder বানানো
2️⃣ Shopify Dawn থিম আনা
3️⃣ Dawn ক্লিন করা
4️⃣ Git repo তৈরি
5️⃣ GitHub repo বানানো + push
6️⃣ Shopify CLI install
7️⃣ Shopify store login
8️⃣ Theme dev + publish


🟢 STEP 1: একদম নতুন ফোল্ডার তৈরি করা

Terminal খুলে চালাও:

cd ~
mkdir peeters-dawn-theme
cd peeters-dawn-theme

এখন structure:

peeters-dawn-theme/

🟢 STEP 2: Shopify Dawn থিম ডাউনলোড করা

git clone https://github.com/Shopify/dawn.git

এখন:

peeters-dawn-theme/
└── dawn/

🟢 STEP 3: Dawn থিম ক্লিন করা (সবচেয়ে গুরুত্বপূর্ণ)

Shopify-তে দরকার নেই এমন সব কিছু delete করবো।

Dawn ফোল্ডারে ঢুকো

cd dawn

❌ এইগুলো DELETE করো

rm -rf node_modules
rm -f package.json package-lock.json
rm -rf .github
rm -rf .vscode
rm -rf .git

⚠️ .git delete করা mandatory
না করলে পরে git submodule সমস্যা হবে


✅ এখন Dawn ফোল্ডার এমন হওয়া উচিত:

dawn/
├── assets
├── config
├── layout
├── locales
├── sections
├── snippets
├── templates
├── LICENSE.md
├── README.md

🟢 STEP 4: Root ফোল্ডারে ফিরে আসা

cd ..

🟢 STEP 5: .gitignore ফাইল তৈরি করা

Root folder (peeters-dawn-theme) এ:

touch .gitignore

.gitignore ফাইলে লিখো:

node_modules/
.env
.DS_Store
.vscode/

Save করো ✅


🟢 STEP 6: Git initialize করা (Fresh local repo)

git init
git add .
git commit -m "Initial commit: clean Dawn theme"

🟢 STEP 7: GitHub-এ নতুন repo তৈরি করা

GitHub → https://github.com/new

  • Repository name: peeters-dawn-theme
  • Public
  • ❌ README auto-create করো না
  • Create repository

🟢 STEP 8: Local repo → GitHub connect

git branch -M main
git remote add origin https://github.com/azim-jamshed/peeters-dawn-theme.git
git push -u origin main

🔐 যদি login চায়:

  • Username: azim-jamshed
  • Password: GitHub Personal Access Token

🟢 STEP 9: Shopify CLI install (একবারই লাগবে)

Homebrew install

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

Terminal restart করো


Shopify CLI install

brew install shopify-cli

Check:

shopify version

🟢 STEP 10: Shopify store login

cd dawn
shopify login

👉 Browser খুলবে
👉 Shopify store login
👉 Allow access


🟢 STEP 11: Shopify theme dev (LIVE PREVIEW)

shopify theme dev

🎉 Result:

  • Shopify-তে temporary dev theme তৈরি হবে
  • Browser-এ live preview
  • File save করলেই auto reload

🟢 STEP 12: Daily working process (Professional way)

Edit code

Save

git add .
git commit -m "Update section"
git push

shopify theme dev auto sync

🟢 STEP 13: Final theme publish (Production)

shopify theme push

অথবা
Shopify Admin → Online Store → Themes → Publish


✅ FINAL CHECKLIST

✔ New folder created
✔ Clean Dawn theme
✔ GitHub repo ready
✔ Shopify CLI connected
✔ Live dev workflow

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *