<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: stanisław</title>
    <description>The latest articles on DEV Community by stanisław (@bluelogic).</description>
    <link>https://dev.to/bluelogic</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3759776%2Fa55cabae-5d84-46dd-9444-eca453686775.png</url>
      <title>DEV Community: stanisław</title>
      <link>https://dev.to/bluelogic</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/bluelogic"/>
    <language>en</language>
    <item>
      <title>N8n dla początkujących (przykład połączenia z Google Ai Studio)</title>
      <dc:creator>stanisław</dc:creator>
      <pubDate>Wed, 22 Apr 2026 13:22:36 +0000</pubDate>
      <link>https://dev.to/bluelogic/n8n-dla-poczatkujacych-przyklad-polaczenia-z-google-ai-studio-2g2j</link>
      <guid>https://dev.to/bluelogic/n8n-dla-poczatkujacych-przyklad-polaczenia-z-google-ai-studio-2g2j</guid>
      <description>&lt;h2&gt;
  
  
  Co to jest n8n?
&lt;/h2&gt;

&lt;p&gt;n8n to narzędzie typu workflow automation. Posiada przejrzysty interfejs i intuicyjne zasady działania. Jego największą zaletą jest możliwość łączenia ze sobą setek aplikacji, takich jak:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Gmail&lt;/li&gt;
&lt;li&gt;Google Sheets&lt;/li&gt;
&lt;li&gt;Supabase&lt;/li&gt;
&lt;li&gt;Slack&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Wszystko odbywa się za pomocą łączenia ze sobą gotowych klocków (węzłów), co eliminuje konieczność pisania skomplikowanego kodu backendowego.&lt;/p&gt;

&lt;h2&gt;
  
  
  Google AI Studio (GAS) – Twój asystent AI
&lt;/h2&gt;

&lt;p&gt;GAS to darmowe środowisko od Google, które pozwala korzystać z modelu Gemini w celu tworzenia aplikacji. Interfejs jest maksymalnie uproszczony, dzięki czemu możesz skupić się na generowaniu rozwiązań, a nie na konfiguracji narzędzia.&lt;/p&gt;

&lt;h2&gt;
  
  
  Przykład praktyczny: Formularz kontaktowy w 2 minuty
&lt;/h2&gt;

&lt;p&gt;Zamiast ręcznie budować stronę i pisać logikę obsługi maili, możesz użyć prostego polecenia.&lt;/p&gt;

&lt;p&gt;Prompt użyty w GAS:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;"Stwórz stronę w niebieskim stylu z wielkim napisem DEMO WEBSITE. Na dole ma być sekcja kontakt z polami: email, imię, nazwisko, wiadomość. Po uzupełnieniu danych wysyłaj je na webhook o adresie [Twój URL z n8n]."&lt;/p&gt;
&lt;/blockquote&gt;

&lt;h2&gt;
  
  
  Wynik działania
&lt;/h2&gt;


&lt;div class="ltag-netlify"&gt;
  &lt;iframe src="https://eloquent-cocada-405c33.netlify.app/" title="Netlify embed"&gt;
  &lt;/iframe&gt;
&lt;/div&gt;


&lt;h2&gt;
  
  
  Jak wygląda połączenie systemów?
&lt;/h2&gt;

&lt;p&gt;Cały proces opiera się na prostym schemacie:&lt;br&gt;
GAS (Frontend) -&amp;gt; n8n (Logika) -&amp;gt; Gmail (Powiadomienie)&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Opis kroków:&lt;/strong&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;GAS:&lt;/strong&gt; Tworzy stronę, która "zbiera" dane od użytkownika. Skrypt wewnątrz strony wysyła te dane pod wskazany adres URL.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;n8n:&lt;/strong&gt; Odbiera te dane za pomocą węzła Webhook. W n8n możesz dowolnie przetworzyć te informacje (np. zapisać je w bazie danych lub przefiltrować).&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;
  
  
  Podsumowanie
&lt;/h2&gt;

&lt;p&gt;Dzięki takiemu podejściu możesz w kilka minut stworzyć narzędzie, które normalnie wymagałoby pracy programisty. GAS dba o to, co widzi użytkownik, a n8n pilnuje, aby dane trafiły tam, gdzie ich potrzebujesz. To idealny zestaw na start przygody z automatyzacją.&lt;/p&gt;

</description>
      <category>ai</category>
      <category>automation</category>
      <category>beginners</category>
      <category>tutorial</category>
    </item>
  </channel>
</rss>
