Studi degouezh · Arload web full-stack
La Marée Malouine
Savet em eus un arload Click & Collect a liamm an urzhioù enlinenn ouzh labour pemdeziek ur stal besked, eus dibab ar produioù betek o c’herc’hat er stal.
- Click & Collect
- React
- TanStack Start
- PostgreSQL
- Stripe
- Brevo
- GitLab CI/CD
Ar stal lec’hel, enlinenn ivez.
- Dibab
Sevel ur paner gant ar c’hatalog hag ar c’hinnigadennoù.
- Mirout ha paeañ
Dibab ur c’houlzad da gerc’hat, ha paeañ dre Stripe.
- Kerc’hat
Resev ar gadarnadenn, ha kerc’hat an urzh er stal.
- Ma roll
- Diorren full-stack
Hent ar c’hlient, merañ, reolennoù micher hag enframmañ ar paeamantoù hag an ebostoù.
- Ar perzh
- Lec’hienn hag ostilhoù merañ
Katalog, urzhioù, tennañ er stal, stok hag istor ar c’hliented en un arload hepken.
- An dae teknikel
- Urzhioù fiziañs
Mirout ar stok hag ar c’houlzadoù, kadarnaat ar paeamant hag adkemer hep doublennoù.
Evit ar c’henwerzher : ostilhoù ar pemdez
Tapadennoù skramm eus an arload loc’hel gant roadennoù faltazi. An urzhioù diskouez a vez paeet er stal ; an hent enlinenn a enframm Stripe Checkout.
Brasaat an dapadennHeuliañ pep urzh betek an tennañ
Ar stadoù hag an obererezhioù prientiñ a zo war an hevelep skramm. Ar c’henwerzher a gav un urzh, a verk anezhañ prest, ha goude-se tennet.
Brasaat an dapadennMerañ ar c’hatalog hag ar stok
Prizioù, kementadoù, hegerzder hag hewelder a vez meret er c’hatalog. Gwelout a reer diouzhtu pa n’eus stok ebet ken.
An ezhomm : urzhiañ ha paeañ enlinenn, kerc’hat er stal
Ar stal besked a felle dezhi kinnig ar produioù nevez, lakaat ar c’hinnigadennoù war wel ha degemer urzhioù evit koulzadoù dibabet. Ret e oa kaout un hent aes war bellgomzer hag ur c’hatalog da vezañ kemmet bemdez gant ar c’henwerzher hep sikour teknikel.
- Gwelout ar produioù hag urzhiañ diwar ur pellgomzer.
- Dibab ur c’houlzad gant un niver bevennet a urzhioù.
- Paeañ gant kartenn dre Stripe Checkout, gant ur sammad dibenn diskouezet a-raok kadarnaat.
Sprintoù hag ur bilañs bep sizhun
Aozet eo bet an diorren dre sprintoù, gant ur bilañs bep sizhun evit diskouez ar c’heweriusterioù savet ha komz eus araokadur al labour. Gant an diskouezadegoù e oa tu da welout ar skrammoù, da eskemm diwar-benn o mont en-dro ha da gomz eus ar bazennoù da zont. Ar ritm ingal-se a roe an tu da geñveriañ an arload gant ezhommoù ar stal besked a-hed ar raktres.
Hent ar c’hliant betek ar stal
Ar gweladenner a furch er c’hatalog hag a ra e zibab. Teir fazenn zo evit urzhiañ : paner, koulzad da gerc’hat ha daveennoù. Paeañ a ra goude gant kartenn war bajenn Stripe. Goude gwiriañ ar paeamant war ar servijer e vez kaset an urzh da brientiñ ; ar c’henwerzher a verk anezhi prest, ha goude-se kerc’het.
- Katalog gant siloù ha kinnigadennoù war ar produioù a sell outo.
- Diverradur ar c’hementadoù, ar prizioù hag al lec’h da gerc’hat.
- Posteloù dre Brevo evit kadarnaat ar paeamant, kemenniñ un urzh prest pe un nullañ.
Ur rann brevez evit al labour pemdeziek
An oberioù boas zo bodet en ur rann verañ gwarezet. Ar c’henwerzher a ver ar produioù degouezhet hag ar fiñvadennoù stok, a aoz ar c’houlzadoù hag a heuilh ar paeamantoù hag istor ar c’hliented.
- Krouiñ ha kemmañ produioù, luc’hskeudennoù, prizioù ha hegerzded ; heuliañ ar fiñvadennoù stok.
- Kinnigadennoù gant deiziadoù ha koulzadoù ingal gant ur vevenn urzhioù.
- Heuliañ urzhioù ha paeamantoù, nullañ gant adpaeamant Stripe hag adlañsañ goude ur fazi.
- Fichennoù kliant gant istor an urzhioù hag ezporzh CSV ar chomlec’hioù postel.
- Klask ha silañ kemennadennoù ar c’hliented, respont en etrefas, kemmañ an daveennoù hag an eurioù digeriñ.
Stok miret ha paeamantoù gwiriet war ar servijer
Ar servijer a adjed ar prizioù hag ar c’hinnigadennoù, hag a vir ar stok hag ur plas da gerc’hat en un treuzgread PostgreSQL e-pad war-dro 30 munutenn. Kadarnaet e vez ar paeamant dre zarvoudoù sinet Stripe pe dre wiriañ ingal war ar servijer. Dieubet e vez ar stok hag ar plas goude gwiriañ fin ar paeamant ; an adklaskoù ne grouont ket un eil urzh hag ne adgraont ket an hevelep ober paeamant.
- Gwiriañ sinadur ar webhooks ha merañ an darvoudoù resevet meur a wech.
- Heuliañ an adpaeamantoù hag adklask emgefre evit an oberioù o c’hortoz.
- Kemennoù enrollet gant an urzh ha kaset en drekleur dre Brevo, gant adklaskoù ha heuliañ ar c’has.
Diogelroez : gwareziñ ar moned d’ar merañ
Rann ar c’henwerzher a ro moned d’an urzhioù ha da roadennoù ar c’hliented. Enframmet em eus un dilesa e daou bazenn : ar ger-tremen, ha goude-se ur c’hod berrbad eus un arload Authenticator (TOTP) pe un alc’hwez moned WebAuthn. Krouet e vez an estez merour goude gwiriañ an hent a-bezh hepken.
- Gwarez a-enep adimplij ur c’hod TOTP ha bevenniñ an taolioù kevreañ dre gont ha dre chomlec’h IP.
- Merañ an hentoù kevreañ hag ar c’hodoù sikour unimplij ; o roudoù hachet hepken a vez miret en diaz.
- Gwiriañ an identelezh a-raok ur cheñchamant diogelroez, nullañ an estezioù all ha skrivañ ar cheñchamantoù en deizlevr.
- Gwiriañ ar roadennoù hag an aotreoù war ar servijer, gerioù-tremen hachet gant scrypt ha toupinoù estez HttpOnly.
Kiriegezhioù dispartiet ha pajennoù evit ar c’hlask
React, TypeScript ha TanStack Start a ver an etrefas hag ar rendu war ar servijer. An hentoù a aoz ar pajennoù, ar servijoù a ver reolennoù ar stal hag ar modulennoù roadennoù a implij Drizzle ORM ha PostgreSQL. An disparti-se a aesaa an emdroadurioù.
- Tailwind CSS evit an etrefas war bellgomzer hag urzhiataer.
- Metaroadennoù, URL kanonel, sitemap ha roadennoù frammet evit ar pajennoù foran.
- Pipeline GitLab CI/CD : prouadoù emgefre, sevel ha dielfennañ ar skeudenn Docker gant Trivy, ha displegañ war VPS evit an tagoù gwarezet.
- Mod trezalc’h da weredekaat er rann verañ, gant moned ar c’henwerzher dalc’hmat hegerz.
Amprouadennoù : gwiriañ ar c’hasoù a c’hall c’hwitañ
Ar steudad a vod amprouadennoù unanel, amprouadennoù enframmañ PostgreSQL hag un hent merdeer gant Playwright. Gwiriañ a ra ar reolennoù micher, ar monedoù hag an adkemer goude ur c’hwitadenn, da skouer pa glask daou urzh mirout plas diwezhañ ur c’houlzad.
- Reolennoù micher : kementadoù, mizoù, koulzadoù ha cheñchamantoù stad an urzhioù.
- Enframmañ PostgreSQL : urzhioù war un dro, stok, barregezh tennañ hag ezvezañs doublennoù. Amprouadennoù ar paeamant a implij an diaz gwir gant eskemmoù Stripe dre simulation : kadarnaat, termen, adkemer hag adpaeañ.
- Diogelroez ha merdeer : moned nac’het a-raok an eil faktor, kefluniañ TOTP, nac’hañ ur c’hod implijet dija, alc’hwezioù WebAuthn ha merañ diogelroez ar gont.
- Livrañ : CI GitLab a brient diazoù test gouestlet hag a seven ar migroù, an amprouadennoù, ar c’hompilañ hag ar gwiriadennoù TypeScript ha HTML/SEO. Un urzh a-ziforc’h zo evit hent Playwright.
Livrañ ha kemer e dorn
Al lec’hienn zo enlinenn, gant binvioù da leuniañ ar c’hatalog ha da aozañ ar c’houlzadoù. Ur sturlevr a zispleg an oberioù pemdeziek. En istor an oberioù e c’haller heuliañ ar c’hemmoù ; un ezporzh gwareziñ hag un hentenn adsevel evit an oberataer zo ivez.
- Ur sturlevr evit obererezhioù pemdeziek ar c’henwerzher.
- Ezporzh gwarediñ hag ur c’hinnig adsevel, gant un amprouad enframmañ gouestlet.
Gwelet al lec’hienn · Dizoloiñ ar c’hod
Evit mont pelloc’h
Krogomp gant ho ezhomm.
Ho pal, ho teiziad, an ostilhoù a implijit : un nebeud linennoù a zo a-walc’h evit kregiñ da gaozeal.
Deskrivañ ma raktres