Przejdź do treści
Platforma B2B

Platforma zaimportuj.pl

Jedno repozytorium, cztery aplikacje i wspólne klocki: typy, komponenty, redaktor SEO. Fundament, na którym kolejne produkty grupy powstają szybciej.

Platforma zaimportuj.pl — okładka wdrożenia
Branża
Import z Azji, B2B
Zakres
Architektura platformy, aplikacje webowe
Model
Projekt własny grupy
Status
W aktywnym rozwoju

4 aplikacje

w jednym repozytorium: platforma importu, panel wiedzy, generator grafik, marketplace

7 pakietów

współdzielonych między aplikacjami — od typów po redaktor SEO

1 źródło typów

wszystkie kontrakty danych w jednym pakiecie

Wyzwanie

Cztery produkty, jeden fundament

Wspólne klocki zamiast czterech osobnych projektów.

Grupa rozwija kilka produktów naraz: platformę importu zaimportuj.pl, panel wiedzy dla zarządu, generator grafik i marketplace aplikacji. Cztery osobne projekty oznaczałyby cztery razy te same komponenty, typy i błędy.

Potrzebny był jeden fundament: wspólne klocki, które można wpiąć w każdą aplikację — i wyjąć, gdy trzeba użyć ich gdzie indziej.

Jak to działa

Jak to jest poukładane

Krok po kroku — od wejścia do efektu. Człowiek decyduje tam, gdzie naprawdę trzeba.

  1. Jedno repozytorium

    pnpm workspaces i Turborepo: jedna instalacja, jeden zestaw komend, wspólna historia zmian.

  2. Kontrakty w jednym miejscu

    Wszystkie współdzielone typy TypeScript żyją w pakiecie @xtn/types. Aplikacje nie definiują ich po swojemu.

  3. Klocki jako pakiety

    Komponenty interfejsu i redaktor SEO są gotowe; panel, logowanie i płatności mają przygotowane miejsce w architekturze.

  4. Zależności tylko w dół

    Aplikacje korzystają z pakietów, pakiety z typów. Żadnych cykli — zmiana w jednym miejscu nie psuje drugiego.

  5. Bez osobnego budowania pakietów

    Pakiety kompilują się razem z aplikacją, więc zmiana w komponencie jest widoczna od razu.

Widoki

Tak to wygląda

Prawdziwe zrzuty albo widoki poglądowe — zawsze podpisane, bez zmyślonych danych.

Aplikacje

  • zaimportuj
  • SekretyCEO
  • imagift
  • appmarket

Pakiety współdzielone

  • @xtn/ui
  • @xtn/seo-blog
  • @xtn/cms
  • @xtn/panel
  • @xtn/auth
  • @xtn/payments

Kontrakty danych

  • @xtn/types
Architektura platformy. Zależności biegną tylko w dół. Pakiety z przerywaną ramką mają przygotowane miejsce w architekturze i są w budowie.
Technologie

Z czego to zbudowaliśmy

Narzędzia dobrane do zadania — nie do mody.

Monorepo

  • pnpm workspaces
  • Turborepo

Aplikacje

  • Next.js 14 (App Router)
  • React
  • TypeScript

Jakość

  • Vitest
  • kontrakty typów
Efekty

Co z tego wynika

Konkretne skutki dla pracy zespołu — bez zmyślonych liczb.

Redaktor SEO działa w trzech miejscach

Ten sam pakiet pracuje w platformie, w aplikacji pulpitowej i na stronie zbudowanej w Astro — bez przepisywania.

Nowa aplikacja startuje z klockami

Typy i komponenty są od pierwszego dnia — zespół zaczyna od funkcji, nie od fundamentów.

Zmiana w jednym miejscu

Poprawka komponentu trafia do wszystkich aplikacji naraz.

Porządek, który sam się pilnuje

Graf zależności bez cykli: aplikacje, pakiety, typy.

Platforma jest w aktywnym rozwoju — ta strona pokazuje architekturę i to, co już działa, a nie zamknięty produkt.

Pierwsza konsultacja i wycena 0 zł

Rozwijasz kilka produktów naraz? Pomożemy zbudować wspólny fundament.

Umów konsultację