Workly

Workly Micro Frontend Architecture

• 01 · Shell

  Ana Orkestrasyon Katmani

  Next.js shell uygulamasi merkezi navigasyon ve kimlik dogrulama davranisini yonetir.

• 02 · Auth

  Kimlik Dogrulama Modulu

  Vue tabanli auth modulu giris, cikis ve oturum yonetimini bağımsız bir uygulama olarak sunar.

• 03 · HR

  IK Modulu

  Angular tabanli IK modulu personel ve kurumsal surecleri izole bir alanda yonetir.

• 04 · Tasks

  Görev Yonetimi

  Next.js task manager modulu ekip görev takibi ve süreç yonetimi akislarini sunar.

• 05 · Announcements

  Duyuru Modulu

  Kurumsal duyurular bağımsız bir modulde yayinlanir ve shell icerisinde anlik goruntulenir.

• 06 · Delivery

  Bagimsiz Deploy + Birlesik Deneyim

  Moduller farkli release takvimleriyle cikarken shell katmani tek bir ürün deneyimini korur.

Proje kapsamında yapılanlar

• Micro frontend architecture: bağımsız ownership ve bağımsız deploy modeli.
• Coklu framework: Next.js, Vue ve Angular modulleri tek shell icinde senkron calisir.
• Kurumsal moduller: auth, IK, görev yonetimi ve duyuru akislarinin ayrik servislenmesi.
• Monorepo + Turbo + pnpm workspace ile hızlı gelistirme dongusu.
• Vercel uzerinde moduler deployment ve ölçeklenebilir release stratejisi.

Modül Özeti

Kurulum Akışı

1. 01

   Monorepo kurulumu

   Repository klonlanir, pnpm install ile tum workspace bagimliliklari yuklenir ve Turbo pipeline ayaga kaldirilir.

2. 02

   Tum modulleri calistirma

   pnpm dev ile landing, auth, HR, task-manager, announcements ve shell uygulamalari paralel olarak baslatilir.

3. 03

   Ortam degiskenleri

   Root .env ve uygulama bazli .env.local dosyalari configure edilerek moduller arasi endpoint baglantilari dogrulanir.

4. 04

   Kalite ve release

   Lint, type-check ve build adimlari tamamlandiktan sonra moduller Vercel uzerinde bağımsız deploy edilir.

Teknoloji yığını

• Next.js 15
• Vue 3
• Angular 17
• TypeScript
• Turbo
• pnpm Workspace
• Tailwind CSS
• Vercel