Prosta strona z linkami na własnej domenie zamiast Linktree

Komu to potrzebne?

Taka prosta strona z linkami jest potrzebna przede wszystkim osobom, które chcą mieć jedno miejsce z odnośnikami do swoich treści, ale bez zakładania kolejnych kont w zewnętrznych serwisach. Sprawdza się u twórców, freelancerów, hobbystów, muzyków czy fotografów, którzy potrzebują tylko krótkiej wizytówki podlinkowanej w bio. To rozwiązanie dla tych, którym nie zależy na rozbudowanych statystykach, integracjach i abonamentach Technicznie to banał — i właśnie dlatego idealnie nadaje się na tani hosting do testów lub małych projektów. Użycie własnej domeny np. imienazwisko.pl - pomaga budować markę osobistą, wygląda profesjonalnie i zachęca do kliknięca w link. A teraz bardziej konkretene zastosowania:

Programiści, deweloperzy, ludzi IT - pozwala na zgromadzenie linków do portfolio, realizowanych projektów, publicznych repozytoriów itp.
Osoby szukające pracy - cv, doświadczenie zawodowe, linki do portali społecznościowych
Właściciele zwierząt - linki do zdjęć, filmów na YT, a może informacje zdrowotne zabiezpieczone hasłem
Osoby sprzedające samochód - więcej zdjęć niż na portalach, linki do ogłoszeń na różnych portalach, filmów na YT, informacji technicznych o danym modelu
Grupy szkolne i studenckie - linki do planów zajęć, ważnych informacji terminów zaliczeń, materiałów edukacyjnych
Znajomi organizujący wydarzenia np. urodziny czy wspólne wypady - linki do tras, miejscówek, rozliczeń, prognozy pogody czy pdfa z planem podróży
Właściwie każdy, kto chce mieć w jednym miejscu swoje linki, zaprezentowane w miłej dla oka formie :)

W przykładzie poniżej zbudujemy stronę dla znajomych organizujących event, inne wersje wykombinujesz sam.

Zobacz demo

Krok 0: Zamów hosting Bieda15

Hosting kosztuje 15 PLN na rok i powinien wystarczyć do tego zastosowania.

Krok 1: Kup domenę

Możesz dzialać na darmowej subdomenie od biedahostingu, ale na własnej wygląda to zdecydowanie lepiej. Możesz poszukać domen w lokalnych, np. waw.pl - dzięki temu będziesz miał większy wybór ciekawych adresów. Możesz poszukać promocji u różnych dostawców - ale pamiętaj, że nawet takie super oferty są droższe przy przedłużeniu za rok.

👉 Kup domenę - link afiliacyjny

Krok 2: Podłącz domenę do hostingu

W panelu domeny zmień ustawienia DNS na ns1.microhost.pl i ns2.microhost.pl i dodaj domenę w panelu swojego hostingu przez Zarządzenie kontami-> Zarządzanie domenami -> dodaj nową. Rozpropagowanie zmian w DNS moze zająć dłuższy czas, dlatego wynik może być widoczny nawet następnego dnia.

Krok 3: Podłącz darmowy certyfikat SSL

W panelu hostingu, który otrzymałeś po zakupie przejdż do Zarządzanie kontami -> certyfikaty SSL. Wybierz "Uzyskaj automatyczny certyfikat od dostawcy ACME". Wypełnij pola i wybierz zapisz.

Krok 4: Kod strony z linkami

Kod strony możesz wygenrować w AI, ale oczywiście polecamy wykonać samodzielnie. Mozesz kombinować z promptami, a możesz zacząć od najprostszego, czyli np. wygeneruj stronę w html i css dla grupy znajomych organizujących wspólny wyjazd, pozwalający na zamieszczenie linków do mapy trasy. miejsc noclegowych, rozliczenia i albumu ze zdjęciami na google drive. Możesz spróbować doprecyzować np. zmień kolor nagłówka, a także eksperymentówać z róznymi modelami AI. Kod zapisz jaki index.html w dowolnym folderze. Mój przykład wyglada tak:

        <!DOCTYPE html>
<html lang="pl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Nasz Wspólny Wyjazd 🚗</title>
    
</head>
<body>
    
        <header>
            <h1>🌄 Nasz Wspólny Wyjazd</h1>
            <p>Wszystkie niezbędne informacje w jednym miejscu</p>
      <p></header></p>
      <h2>📅 Informacje o wyjeździe</h2>
      <p><strong>Termin:</strong> 15-22 lipca 2026</p>
      <p><strong>Destynacja:</strong> Tatry i okolice</p>
      <p><strong>Liczba uczestników:</strong> 8 osób</p>
      <p><a href="#" onclick="alert('Dodaj link do Google Maps z trasą'); return false;">
                    🗺️</p>
      <h3>Mapa Trasy</h3>
      <p>Szczegółowa trasa z zaznaczonymi przystankami</p>
      <p>Otwórz mapę
                </a></p>
      <p><a href="#" onclick="alert('Dodaj link do dokumentu z noclegami'); return false;">
                    🏠</p>
      <h3>Noclegi</h3>
      <p>Lista zarezerwowanych miejsc noclegowych</p>
      <p>Zobacz noclegi
                </a></p>
      <p><a href="#" onclick="alert('Dodaj link do arkusza rozliczeń'); return false;">
                    💰</p>
      <h3>Rozliczenia</h3>
      <p>Wspólne wydatki i rozliczenia grupy</p>
      <p>Otwórz arkusz
                </a></p>
      <p><a href="#" onclick="alert('Dodaj link do albumu Google Photos/Drive'); return false;">
                    📸</p>
      <h3>Album Zdjęć</h3>
      <p>Wspólny album ze zdjęciami z wyjazdu</p>
      <p>Zobacz zdjęcia
                </a></p>
      <h3>👥 Uczestnicy wyjazdu</h3>
      <ul>
                    <li>Anna</li>
                    <li>Tomek</li>
                    <li>Kasia</li>
                    <li>Michał</li>
                    <li>Ola</li>
                    <li>Bartek</li>
                    <li>Magda</li>
                    <li>Paweł</li>
                </ul>
      <h2>💡 Instrukcja</h2>
      <p><strong>Jak zaktualizować linki:</strong></p>
      <p>1. Otwórz plik w edytorze tekstu (np. Notatnik)</p>
      <p>2. Znajdź odpowiedni link (linijki ze znacznikiem <code>href="#"</code>)</p>
      <p>3. Zamień <code>#</code> na właściwy adres URL z Google Drive/Maps</p>
      <p>4. Zapisz plik i otwórz ponownie w przeglądarce</p>
      <p><footer></p>
      <p>Życzymy udanej podróży! 🚗✨</p>
      <p></footer></p>
      <p></body>
</html>

Krok 5: Zmodyfkuj potrzebne informacje i linki

Zgodne z Waszymi planami informacje możesz modyfkować przez AI (jeżeli go używasz) podczas tworzenia szablonu strony. Możesz wpisać na przykład "zmień imiona uczestników na Zosia, Marek, Krzysztof" Takie podejcie oczywiscie zadziała, ale jeżeli masz trochę zacięcia technicznego - to polecam zmodyfikować informacje i linki ręcznie. Kod W moim szablonie mam fragmenty:

informacje o wyjeździe - modyfikuje szczegóły terminu.

    <h2>📅 Informacje o wyjeździe</h2>
      <p><strong>Termin:</strong> 15-22 lipca 2026</p>
      <p><strong>Destynacja:</strong> Tatry i okolice</p>
      <p><strong>Liczba uczestników:</strong> 8 osób</p>
      <p>

Linki - czyli kwintesencja strony z linkami. Uzupełnij w miejsce krzyżyka (href="x") potrzebny na przykład:

        <a href="https://mapa-turystyczna.pl/" target="_blank" rel="noopener" onclick="alert('Dodaj link do Google Maps z trasą'); return false;">
      🗺️
        <h3>Mapa Trasy</h3>
      <p>Szczegółowa trasa z zaznaczonymi przystankami</p>
      <p>Otwórz mapę
    </a></p>
      <p>

W moim przykładzie mam fragment onclick="alert('Dodaj link do Google Maps z trasą'); return false; Usuń go po uzupełnieniu linków.

A może zmienisz linki do profilów społecznościowych uczestników, szczególnie jak nie wszyscy się znają :) Jak zmienić - wymyślisz sam.

Dlaczego to działa na tanim hostingu?

Do takiego zadania nie potrzebujesz VPS-a ani chmury. Wystarczy: biedahosting, najprostsza oferta pozwlająca na utrzymnie strony w internecie. Właśnie do takich małych rzeczy powstał BiedaHosting — prosty, tani i bez umów.

👉 Powrót do oferty BiedaHostingu