TL;DR
DevStudioIT Cloud (devstudioit.cloud) to panel hostingu i wdrożeń DevStudio.it dla projektów klientów — nie zewnętrzny marketplace, lecz własna warstwa operacyjna dopasowana do stacku Next.js 15 i Node 22. W jednym miejscu zarządzasz wieloma projektami, release'ami, zmiennymi środowiskowymi, domenami, limitami transferu i rozliczeniami. Warstwa danych idzie przez Branchly (branchly.cloud) — PostgreSQL i logika biznesowa obok delivery w chmurze aplikacyjnej. CI z GitHub Actions buduje artefakt i wdraża na Twój hosting — generyczny pipeline, bez uzależnienia od jednego dostawcy PaaS. Przy pakiecie opieki (/pl/opieka) dostajesz monitoring, backupy i wsparcie po starcie.
Dla kogo to jest
- Firm usługowych i software house'ów, które chcą przejrzystego hostingu pod strony Next.js — z panelem zrozumiałym dla klienta i zespołu
- Właścicieli stron firmowych po wdrożeniu u DevStudio.it, którzy potrzebują jednego miejsca na deploy, domenę i fakturę
- Developerów szukających spójnej infrastruktury: aplikacja w DevStudioIT Cloud, baza w Branchly, formularze i analityka na produkcji
- Zespołów planujących CI/CD z GitHub Actions — build na Node 22, deploy na hosting klienta, nie na „czarną skrzynkę” bez kontroli
- Osób porównujących managed hosting z samodzielnym VPS — i chcących wiedzieć, co dokładnie jest w pakiecie opieki
Fraza (SEO)
devstudioit cloud, panel hostingu nextjs, wdrożenia strony firmowej, hosting dla klientów devstudio, branchly postgresql, zmienne środowiskowe produkcja, github actions deploy hosting, opieka hosting monitoring backup
Czym jest DevStudioIT Cloud — i czym nie jest
DevStudioIT Cloud to platforma operacyjna DevStudio.it do zarządzania projektami klientów po wdrożeniu. Nie jest to kolejny kreator stron ani hosting współdzielony pod WordPressa. Panel skupia się na tym, co w produkcji Next.js faktycznie potrzebujesz codziennie:
- Wdrożenia — nowa wersja aplikacji trafia na produkcję z historią release'ów
- Zmienne środowiskowe — osobno per projekt (
DATABASE_URL, klucze API, URL-e integracji) - Domeny — przypisanie domeny klienta do właściwego projektu
- Limity i transfer — przejrzyste widełki zużycia, bez niespodzianek na fakturze
- Płatności i rozliczenia — billing zrozumiały dla klienta biznesowego
Na stronie devstudioit.com sekcja InfrastructureSplit pokazuje DevStudioIT Cloud obok Branchly — to nie marketingowy slajd, lecz rzeczywisty podział odpowiedzialności w projektach, które prowadzimy. Ten sam panel jest linkowany z sidebara bloga i ze strony opieki, bo hosting i utrzymanie to jeden ekosystem, nie osobna usługa „gdzieś tam”.
| Warstwa | Narzędzie | Odpowiedzialność |
|---|---|---|
| Aplikacja (Next.js 15) | DevStudioIT Cloud | Build, deploy, domena, env, statystyki |
| Baza danych (PostgreSQL) | Branchly | Schemat, migracje, backupy DB, connection string |
| Utrzymanie po starcie | Pakiet opieki | Monitoring, backupy aplikacji, reakcja na incydenty |
| Pipeline | GitHub Actions | Lint, build, deploy na hosting projektu |
Architektura: aplikacja w chmurze, dane w Branchly
Nowoczesna strona firmowa lub aplikacja webowa to dwa byty: frontend/API w Node i warstwa persystencji. DevStudioIT Cloud nie zastępuje bazy — uzupełnia ją razem z Branchly.
Branchly trzyma PostgreSQL, migracje Prisma i dane biznesowe (leady z formularza, treści CMS, użytkownicy panelu). DevStudioIT Cloud trzyma runtime Next.js: SSR, Server Actions, route handlery, cache, pliki statyczne po buildzie. Zmienna DATABASE_URL z Branchly ląduje w panelu Cloud jako env produkcyjny — zmiana środowiska bez grzebania w kodzie.
Taki podział ma trzy praktyczne korzyści:
- Skalowanie niezależne — większy ruch na stronie nie miesza się z administracją klastra bazy w jednym „magicznym” przycisku.
- Bezpieczeństwo — sekrety DB nie są w repozytorium; rotacja klucza to edycja w panelu, nie commit.
- Audyt — klient widzi zużycie hostingu i transferu w Cloud, a stan bazy i backupy omawiacie w kontekście Branchly i opieki.
Na homepage DevStudio.it oba systemy są pokazane jako para: dane i logika biznesowa w bazie, delivery i operacje w chmurze aplikacyjnej. To model, który stosujemy u siebie i u klientów.
Funkcje panelu — co widzisz po zalogowaniu
Panel pod devstudioit.cloud jest zaprojektowany pod wiele projektów jednocześnie — typowy software house lub agencja z portfelem stron firmowych, nie jeden blog na współdzielonym serwerze.
Wiele projektów i śledzenie release'ów
Każdy klient (lub produkt wewnętrzny) to osobny projekt z własną historią wdrożeń. Wiesz, która wersja jest na produkcji, kiedy poszedł ostatni deploy i czy po merge do main build faktycznie dotarł na serwer. To rozwiązuje klasyczny problem: „u developera działa, na produkcji stara wersja” — bo widać rozjazd między commitem a release'em.
| Funkcja | Po co w praktyce |
|---|---|
| Lista projektów | Portfel klientów w jednym widoku |
| Historia release'ów | Audyt: kto, kiedy, jaki build |
| Limity deployów | Kontrola kosztów i częstotliwości |
| Status środowiska | Czy produkcja odpowiada ostatniemu artefaktowi |
Zmienne środowiskowe per projekt
Next.js 15 na produkcji żyje z env: DATABASE_URL, NEXT_PUBLIC_*, klucze reCAPTCHA, SMTP, webhooki. W DevStudioIT Cloud ustawiasz je per projekt, bez dotykania plików na serwerze przez SSH. Nowy klucz API po rotacji = zmiana w panelu + redeploy (lub hot reload env, zależnie od konfiguracji) — nie szukanie .env na trzech maszynach.
Zasada: repozytorium nigdy nie zawiera sekretów produkcyjnych. GitHub Secrets na czas buildu, panel Cloud na runtime — spójny łańcuch zgodny z dobrymi praktykami DevSecOps.
Domeny i SSL
Strona firmowa bez własnej domeny traci wiarygodność. Panel obsługuje przypisanie domeny do projektu — klient kończy z adresem twojfirm.pl, nie z losowym subdomenowym URL-em dewelopera. Certyfikat i routing są częścią operacji hostingowej; Ty skupiasz się na DNS u rejestratora, resztę spina infrastruktura pod opieką DevStudio.
Statystyki, transfer i rozliczenia
Przejrzystość billingowa to argument sprzedażowy pakietu opieki. Klient widzi zużycie transferu, limity i koszty w kontekście umowy — bez arkusza Excel „niby-darmowego” hostingu, który po roku robi niespodziankę. Dla Ciebie jako właściciela produktu: statystyki pomagają zdecydować, czy projekt potrzebuje większego planu, CDN czy optymalizacji obrazów — zanim wydajność uderzy w konwersje z Google Ads.
Stack produkcyjny: Next.js 15 i Node 22
Projekty DevStudio.it budujemy na Next.js 15 (App Router, Server Actions, Metadata API) i Node 22 w engines. DevStudioIT Cloud jest pod to dopasowany — nie legacy PHP ani statyczny hosting bez SSR.
Panel uruchamia długo żyjący proces Node pod Server Actions, trasy dynamiczne i wersje językowe (/pl, /en, /de) — nie tylko statyczny export out/. Migracje Prisma idą w CI; DATABASE_URL z panelu w runtime. Przy porównywaniu hostingów pytaj, czy obsłużą next start na Node 22 — DevStudioIT Cloud jest pod to zbudowany w naszym ekosystemie.
CI/CD: GitHub Actions → Twój hosting
Repozytorium klienta może mieć pipeline, który nie jest przywiązany do jednego vendora PaaS. Wzorzec, który rekomendujemy:
- Pull request —
npm ci, lint,tsc,npm run build(np. przezscripts/build.cjsz Prisma generate). - Merge do
main— ten sam build + krok deploy na DevStudioIT Cloud (API panelu, rsync, lub dedykowany action — zależnie od integracji projektu). - Sekrety — tylko w GitHub Secrets i w panelu Cloud; nigdy w logach Actions.
| Etap | Gdzie | Cel |
|---|---|---|
| Jakość kodu | GitHub Actions | Ten sam commit co na produkcji przeszedł build |
| Artefakt | Runner CI | Powtarzalny build na Node 22 |
| Runtime | DevStudioIT Cloud | Deploy z historią release'a |
| Dane | Branchly | Migracje po deployu lub w kroku build |
Kluczowa zasada: merge niczego, co nie przeszło buildu w Actions. Panel Cloud jest celem deployu, nie zamiennikiem testów. Preview środowisk możesz trzymać jako osobny projekt w panelu lub branch deploy — polityka zależy od umowy, ale produkcja zawsze ma audytowalną ścieżkę.
Przykładowy szkielet jobu deploy (do adaptacji — endpoint i token z panelu):
deploy:
needs: quality
if: github.ref == 'refs/heads/main'
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v4
- uses: actions/setup-node@v4
with:
node-version: '22'
cache: 'npm'
- run: npm ci && npm run build
env:
DATABASE_URL: ${{ secrets.DATABASE_URL }}
- name: Deploy to DevStudioIT Cloud
run: |
# upload artefaktu / wywołanie API panelu — konfiguracja per projekt
curl -X POST "${{ secrets.CLOUD_DEPLOY_URL }}" \
-H "Authorization: Bearer ${{ secrets.CLOUD_DEPLOY_TOKEN }}" \
-F "artifact=@.next/standalone.tar.gz"To generyczny model: Twój hosting, Twój token, Twój projekt w panelu — bez uzależnienia od marketplace'u z własnym formatem konfiguracji.
Pakiet opieki — co jest ponad samym panelem
Panel daje narzędzia. Pakiet opieki daje odpowiedzialność po starcie: monitoring dostępności, backupy, reakcja na incydenty, aktualizacje zależności w uzgodnionym zakresie. Na stronie opieki DevStudioIT Cloud jest linkowany obok Branchly — bo utrzymanie to ciągłość między hostingiem aplikacji a warstwą danych.
| Element opieki | Bez opieki (tylko panel) | Z opieką DevStudio |
|---|---|---|
| Deploy | Klient / dev sam | Współdzielona odpowiedzialność |
| Monitoring 24/7 | Do samodzielnej konfiguracji | W pakiecie |
| Backupy aplikacji | Zależy od klienta | Procedury i restore |
| Aktualizacje Next/npm | Ryzyko „kiedyś” | Planowane okna |
| Kontakt przy awarii | Szukasz hostingu w Google | Jeden punkt: DevStudio |
Dla firmy usługowej, która traktuje stronę jako kanał leadów, downtime w godzinach pracy to strata kampanii. Opieka nie zastępuje panelu — domyka pętlę między wdrożeniem a spokojnym snem właściciela.
Typowy workflow wdrożenia
Repo Next.js (engines.node: "22") → instancja Branchly (PostgreSQL, migracje w CI) → projekt w DevStudioIT Cloud (env, limity transferu) → domena i DNS → pipeline Actions (PR = jakość, main = deploy) → handover z opieką (monitoring, dostępy do panelu). Pierwszy release jest widoczny w historii panelu — audyt od pierwszego dnia.
Checklist przed go-live
- Node 22 lokalnie, w CI i na hostingu — zgodne
engines -
DATABASE_URLtylko w panelu Cloud / Secrets — nie w repo - Ostatni release w panelu = ostatni commit na
main - Domena produkcyjna przypisana; przekierowania HTTP→HTTPS
- Formularz kontaktowy testowany na produkcyjnej domenie (nie localhost)
- Limity transferu i plan billingowy omówione z klientem
- Backupy Branchly + procedura restore w opiece
- Dostępy do panelu: kto z zespołu klienta, kto z DevStudio
DevStudioIT Cloud vs „dowolny hosting”
| Kryterium | Tan shared hosting | VPS „zrób sam” | DevStudioIT Cloud + opieka |
|---|---|---|---|
| Next.js 15 SSR | Często problem | Tak, po konfiguracji | Tak, out of the box w ekosystemie |
| Panel dla klienta | Brak | Brak | Tak — projekty, billing, domeny |
| Integracja z Branchly | Ręczna | Ręczna | Standard w projektach DevStudio |
| CI deploy | FTP / ręcznie | Skrypty własne | GitHub Actions → panel |
| Odpowiedzialność po awarii | Ty / hosting support | Ty | Pakiet opieki |
FAQ
Czy DevStudioIT Cloud zastępuje Branchly?
Nie. Cloud hostuje aplikację Next.js; Branchly dostarcza PostgreSQL i zarządzanie danymi. W typowym projekcie łączysz oba: DATABASE_URL z Branchly w env projektu w Cloud. Na stronie głównej DevStudio oba produkty są pokazane jako komplementarne warstwy.
Ile projektów mogę mieć w panelu?
Panel jest zaprojektowany pod wiele projektów — portfel klientów agencji lub kilka produktów jednej firmy. Limity deployów i transferu są per projekt, żeby rozliczenia były uczciwe względem realnego użycia.
Czy muszę używać GitHub Actions?
Nie musisz — deploy może być ręczny z poziomu zespołu DevStudio w ramach opieki. Rekomendujemy Actions, bo daje audyt: ten sam build w PR i na produkcji. To generyczny CI, celujący w Twój hosting w panelu, nie w zamknięty format jednego dostawcy.
Co jeśli przekroczę limit transferu?
Statystyki w panelu pokazują zużycie z wyprzedzeniem. Przed przekroczeniem warto omówić upgrade planu lub optymalizację (obrazy, cache, CDN) — w pakiecie opieki DevStudio monitoruje wydajność i może zaproponować działania zanim ruch z kampanii uderzy w limity.
Czy panel jest dostępny dla klienta końcowego?
Tak — przejrzyste rozliczenia i podgląd projektu to element zaufania. Zakres uprawnień (tylko odczyt statystyk vs pełny dostęp do env) ustalacie przy wdrożeniu. Wrażliwe sekrety zostają u osób technicznych.
Podsumowanie
DevStudioIT Cloud to własny panel hostingu i wdrożeń DevStudio.it — wiele projektów, release'y, env, domeny, statystyki i billing w jednym miejscu. Razem z Branchly (dane) i pakietem opieki (monitoring, backupy) tworzy kompletny łańcuch od commita do stabilnej produkcji na Next.js 15 i Node 22. CI przez GitHub Actions buduje artefakt i wdraża na hosting w panelu — bez uzależnienia od cudzego marketplace'u. Jeśli szukasz hostingu „pod klienta”, z panelem zrozumiałym dla biznesu i techników, zacznij od devstudioit.cloud.
Chcesz hosting pod swój projekt Next.js?
- Otwórz DevStudioIT Cloud — panel projektów, wdrożeń i rozliczeń
- Skontaktuj się — dopasujemy infrastrukturę, Branchly i pipeline CI
- Pakiet opieki — monitoring, backupy i wsparcie po wdrożeniu