Przejdź do treści
$northpage
░░░░░░░░░░░░░░░░░░░░░░░░░░░░
000%

kliknij lub naciśnij klawisz, aby pominąć

Warszawa · wolne terminy

Strony z panelem do edycji i sklepy na Shopify

northpage to jednoosobowe studio webowe. Projektuję i koduję strony z panelem, w którym samodzielnie zmieniasz teksty, zdjęcia i ceny, oraz sklepy na Shopify skrojone pod Twoją markę. Cały projekt prowadzę sam, od pierwszej rozmowy po wdrożenie.

npx northpage init --strona --panel-cms --sklep-shopify

// 01

Realizacje

05 projektów
// 02Oferta

Dwie rzeczy, które robię najlepiej

Jasny zakres i konkretna cena, bez gwiazdek drobnym drukiem. Szczegóły ustalamy na początku, zanim powstanie pierwsza linijka kodu.

conststrona= {01

Strona z panelem do edycji treści

2500zł

Strona firmowa zaprojektowana od zera, z prostym panelem, w którym samodzielnie zmieniasz teksty, zdjęcia, cennik czy aktualności. Bez dzwonienia do programisty przy każdej poprawce.

w cenie
  • +Indywidualny projekt, bez szablonów
  • +Panel do samodzielnej edycji treści
  • +Wersja na telefon i tablet
  • +Animacje i interakcje
  • +Podstawy SEO i szybkie ładowanie
  • +Wdrożenie na Twojej domenie
  • +Instrukcja obsługi panelu
  • +1 miesiąc wsparcia po starcie
}
constsklep= {02

Sklep internetowy Shopify

3500zł

Sklep na Shopify skonfigurowany od zera i dopasowany do Twojej marki. Produkty, płatności i wysyłki ustawione tak, żeby od pierwszego dnia dało się w nim kupować.

w cenie
  • +Konfiguracja sklepu od zera
  • +Motyw dopasowany do marki
  • +Produkty, kolekcje i warianty
  • +Płatności i wysyłki
  • +Wersja na telefon i tablet
  • +Podstawy SEO sklepu
  • +Szkolenie z obsługi sklepu
  • +1 miesiąc wsparcia po starcie
}

// Potrzebujesz czegoś spoza tych dwóch pakietów, np. systemu rezerwacji jak w IRONVOLT? Napisz, wycenię to osobno.

W każdym projekcie
01

Projekt od zera

Żadnych gotowych szablonów. Układ, typografia i kolory powstają pod Twoją markę.

02

Kod zamiast kreatorów

Nowoczesny stack, szybkie ładowanie i strona, która nie sypie się po pół roku.

03

Bezpieczeństwo

HTTPS, aktualne zależności i kopie zapasowe. O problemie dowiesz się ode mnie, a nie od klienta.

04

Wsparcie po starcie

Po publikacji nie znikam. Poprawki, nowe sekcje i pomoc z panelem są na wyciągnięcie maila.

// 03Proces

Jak wygląda współpraca

Pięć kroków od pierwszej wiadomości do działającej strony. Przez cały czas rozmawiasz z jedną osobą, która odpowiada za każdy etap.

01
step 01 / 05

Rozmowa i wycena

Zaczynamy od krótkiej rozmowy o Twojej firmie, klientach i celu strony. Po niej dostajesz konkretny zakres, cenę i termin.

$brief.md
02
step 02 / 05

Projekt graficzny

Projektuję wygląd strony albo sklepu pod Twoją markę. Widzisz go, zanim powstanie choć linijka kodu, i możesz wszystko poprawić.

$design.fig
03
step 03 / 05

Kod i panel

Zatwierdzony projekt zamieniam w działającą stronę z panelem do edycji albo w sklep na Shopify. Dopracowuję wersję mobilną, animacje i szybkość.

$build --production
04
step 04 / 05

Wdrożenie i szkolenie

Publikuję stronę na Twojej domenie, sprawdzam ją na różnych urządzeniach i pokazuję, jak samodzielnie zmieniać treści albo obsługiwać sklep.

$deploy --ready
05
step 05 / 05

Wsparcie po starcie

Przez miesiąc po publikacji poprawiam wszystko, co wyjdzie w praniu. Później możemy umówić się na dalszą opiekę.

$support --ongoing
// 04O mnie

Większość stron to szablon z podmienionym logo. Ja każdą stronę i każdy sklep projektuję od zera, a potem oddaję je w Twoje ręce razem z panelem, w którym zmienisz wszystko bez mojej pomocy.

Za northpage stoi jedna osoba: ja. Projektuję, koduję, wdrażam i odpisuję na maile, więc nic nie ginie po drodze między handlowcem a programistą.

Bez kreatorów udających rzemiosło i bez czterdziestu wtyczek, które sypią się po pół roku. Czysty kod, porządna typografia i animacje, które niosą sens, a nie hałas.

est.
2025
base
Warszawa
team
01
northpage.tsread-only
1export const northpage = {
2  ludzi:    1,
3  od:       2025,
4  oferta:   ['strona + panel', 'sklep shopify'],
5  szablony: 0,
6  stack:    ['next', 'postgres', 'drizzle',
7             'zod', 'playwright'],
8  proces:   (p) => p.projekt().kod().wdrożenie(),
9} as const;
10
utf-8 · lf · typescript● live
// 05Stack

Narzędzia, z których korzystam

Nowoczesny stack, sprawdzone rozwiązania i narzędzia dobrane do konkretnego projektu. Bez dokładania technologii tylko po to, żeby dobrze wyglądała na liście.

01

Figma

projekty i prototypy

design
02

Next.js

framework produkcyjny

code
03

React

warstwa interfejsu

code
04

TypeScript

typy i bezpieczny kod

code
05

Tailwind

system stylów

code
06

Node

back-end i API

code
07

Zod

walidacja danych

code
08

Drizzle

ORM i migracje

code
09

Shopify

sklepy i checkout

commerce
10

Stripe

płatności online

commerce
11

GSAP

animacje i scroll

motion
12

WebGL / GLSL

grafika w przeglądarce

motion
13

Lenis

płynny scroll

motion
14

PostgreSQL

baza danych

infra
15

Hostinger

hosting i wdrożenia

infra
16

Git

kontrola wersji

infra
17

Better Auth

Bezpieczeństwo

infra
18

Playwright

testy end-to-end

infra
19

Vitest

testy jednostkowe

infra
// 06FAQ

Pytania, które padają zawsze

faq · bash · 5

  • >

    Wszystko, co ma się zmieniać: teksty, zdjęcia, ceny, aktualności, ofertę czy godziny otwarcia. Przed startem ustalamy, które elementy mają być edytowalne, a po wdrożeniu dostajesz instrukcję krok po kroku.

$
// 07Kontakt

Masz coś do zbudowania?

Napisz, czego potrzebujesz: strony z panelem, sklepu na Shopify, a może czegoś zupełnie innego. Odpowiadam w ciągu jednego dnia roboczego.

Napisz maila

Aktualnie przyjmuję nowe projekty