Netlify Deployment - ConnectAlp
đ KĂ©t mĂłdszer a telepĂtĂ©shez
⥠MĂDSZER 1: Drag & Drop (LegegyszerƱbb - GIT NĂLKĂL)
1. Build létrehozåsa
cd "C:\Users\TG200073\Downloads\Websites\connectalp_eleventy_project"
npx @11ty/eleventy
2. Netlify-ra feltöltés
- Menj a https://app.netlify.com/drop oldalra
- HĂșzd be a
_site mappĂĄt a böngĂ©szĆbe
- Azonnal Ă©lĆ lesz! (pl.
random-name-123.netlify.app)
- Site settings > Change site name â
connectalp (vagy bĂĄrmi)
- KĂ©sz! đ
URL: https://connectalp.netlify.app
đ MĂDSZER 2: GitHub + Netlify (Automatikus Deploy)
ElĆfeltĂ©tel: Git telepĂtĂ©se
Ha nincs Git, telepĂtsd: https://git-scm.com/download/win
1. Git Repository létrehozåsa
cd "C:\Users\TG200073\Downloads\Websites\connectalp_eleventy_project"
git init
git add .
git commit -m "Initial commit - SEO optimized ConnectAlp website"
2. GitHub Repository létrehozåsa
- Menj a https://github.com/new oldalra
- Repository név:
connectalp-website (vagy bĂĄrmi mĂĄs)
- Private vagy Public - te döntöd
- NE add hozzĂĄ a README, .gitignore vagy license-t (mĂĄr van)
- Kattints a Create repository gombra
3. Push GitHub-ra
git remote add origin https://github.com/FELHASZNALONEV/connectalp-website.git
git branch -M main
git push -u origin main
(Cseréld ki a FELHASZNALONEV-et a sajåt GitHub felhasznålónevedre)
4. Netlify Deployment
A) Netlify Dashboard-on keresztĂŒl (EgyszerƱ):
- Menj a https://app.netlify.com/ oldalra
- Jelentkezz be GitHub fiĂłkkal
- Kattints az "Add new site" > "Import an existing project" gombra
- VĂĄlaszd a GitHub opciĂłt
- VĂĄlaszd ki a
connectalp-website repository-t
- Build settings automatikusan fel lesznek ismerve (
netlify.toml-bĂłl):
- Build command:
npx @11ty/eleventy
- Publish directory:
_site
- Kattints a "Deploy site" gombra
B) Netlify CLI-vel (HaladĂł):
# Netlify CLI telepĂtĂ©se
npm install -g netlify-cli
# Login
netlify login
# Init és deploy
netlify init
netlify deploy --prod
âïž KonfigurĂĄciĂł befejezve
â
Fåjlok létrehozva:
netlify.toml - Netlify konfigurĂĄciĂł
_headers - Security és cache headers
robots.txt - SEO crawling
.eleventy.js - Build konfigurĂĄciĂł
đ Deployment utĂĄn
1. Domain beĂĄllĂtĂĄs
- Netlify Dashboard > Domain settings
- Add custom domain:
connectalp.net
- DNS beĂĄllĂtĂĄsok frissĂtĂ©se (Netlify ĂștmutatĂĄs alapjĂĄn)
2. SSL Certificate
- Netlify automatikusan aktivĂĄlja a Let's Encrypt SSL-t
- HTTPS forced redirect bekapcsolĂĄsa
3. Environment Variables (ha szĂŒksĂ©ges)
- Settings > Environment variables
- Pl. API kulcsok, Google Analytics ID
đ Folyamatos Deploy
Minden push a main branch-re automatikusan Ășjra deployol!
# MĂłdosĂtĂĄsok utĂĄn:
git add .
git commit -m "Update content"
git push origin main
# â Netlify automatikusan deploy-ol
đ Deploy utĂĄn teendĆ
-
â
Google Search Console
- Property hozzĂĄadĂĄs: https://connectalp.net
- Sitemap submit: https://connectalp.net/sitemap.xml
-
â
Google Analytics
- Tracking kĂłd hozzĂĄadĂĄsa a
base.njk-hoz
-
â
Google My Business
-
â
Favicon generĂĄlĂĄs
- https://realfavicongenerator.net/
- Fåjlok feltöltése az
images/ mappĂĄba
đ HibakeresĂ©s
Build hiba esetén:
- Nézd meg a Netlify Deploy Log-ot
- EllenĆrizd a Node.js verziĂłt (18+)
- Helyi teszt:
npx @11ty/eleventy
Deployment problémåk:
# Netlify deploy log
netlify logs
# Site info
netlify status
đ SegĂtsĂ©g
Ha valami nem mƱködik:
- Netlify Deploy Log ellenĆrzĂ©se
- GitHub Actions (ha van) ellenĆrzĂ©se
- Netlify Support Docs: https://docs.netlify.com/
Sikeres deploy-t! đ