Lubię Programować
Lubię Programować
  • 18
  • 19 143
Next.js co to jest i jak go używać? NextJS dla początkujących.
Zobacz jak zacząć tworzyć aplikację z NextJS. Jest to wstęp do tego frameworka. Jeśli chcesz poznać całą funkcjonalność zapraszam cię do mojego kursu link poniżej:
Kurs na Udemy: www.udemy.com/course/nextjs-14-od-podstaw/?referralCode=971A21F9DD063FEE5880
Opis kursu: lubieprogramowac.pl/kursy/nextjs-od-podstaw
0:00 - omówienie tematu
0:30 - czym jest Next.js
03:45 - tworzenie projektu
08:22 - routing statyczny
11:13 - layout
15:24 - layout w layout-cie
18:55 - pobieranie danych dla strony
26:02 - client component
33:54 - co dalej…
มุมมอง: 624

วีดีโอ

Jak wykonać deploy Next.js na Vercel
มุมมอง 1486 หลายเดือนก่อน
Jak wykonać wdrożenie aplikacji Next.js na serwer w Vercel-u. #nextjs #vercel #deployment #frontend #react #nextjs14 Kurs Next.js: lubieprogramowac.pl/kursy/nextjs-od-podstaw Kod rabatowy -60% ważny do 21.07.2024: vercel 0:00 - Rabat na kurs 0:34 - Jak wykonać deploy na Vercel
Next.js czym są pliki .env? Czyli konfiguracja na produkcję.
มุมมอง 1096 หลายเดือนก่อน
Kurs Next.js: lubieprogramowac.pl/kursy/nextjs-od-podstaw Kod rabatowy -60% ważny do 14.07.2024: env #nextjstutorial #nextjs #nextjs14 #react #frontend 0:00 - kurs next.js 0:49 - konfiguracja zmiennych środowiskowych 3:14 - dodajemy zmienne środowiskowe 3:57 - używanie zmiennych środowiskowych 8:22 - jak ustawić .env w client components 12:24 - rodzaje pików .env, .env.local, ...
@container queries czyli jak zmienić widok w zależność od szerokość elementu zewnetrznego
มุมมอง 1277 หลายเดือนก่อน
Opowiem wam jak zmienić widok komponentu w zależność od szerokości elementu zewnetrznego. Funkcjonalność to @container queries. #css #frontend Kurs Next.js - lubieprogramowac.pl/kursy/nextjs-od-podstaw Kod rabatowy dla widzów na kurs Next.js: *container* ważny do 16.06.2024r. 0:00 - jak działa @cointainer 0:57 - kurs Next.js 1:47 - jak używać @cointainer queries 5:40 - rabat na kurs Next.js
Czy to nowy czy stary trend: Next.js 13 Server Actions
มุมมอง 272ปีที่แล้ว
Next.js wyznacza nowy trend wykonywania rendering oraz akcji po stronie serwera. Ale czy to napewno nowy trend. Już takie coś było... Sprawdźmy bliżej czym to jest. #nextjs #nextjs13 #react #reactjs 0:00 wstęp 0:24 Server Actions w akcji 2:37 odświeżanie danych po akcji serwerowej 3:35 client component server action 6:01 podsumowanie
JWT Czy znasz odpowiedź na to pytanie?
มุมมอง 245ปีที่แล้ว
Większość osób zna JWT, ale gdy pytam Frontend Developer-ów czy wiedzą jak sprawdzić czy token jest poprawny, często zdarza się, że nie wiedzą. Chodźcie dowiemy się jak to działa... #authorization #frontend #frontenddeveloper 0:00 Pytanie 0:43 Budowa JWT 02:34 Sedno pytania 3:02 Weryfikacja tokena w praktyce 4:44 Podsumowanie pytania 5:22 Dodatkowa informacja 5:38 Zakończenie
Jak wpisać, aktualizować i usuwać dane, czyli INSERT, UPDATE, DELETE. Bazy danych SQL czy 5
มุมมอง 400ปีที่แล้ว
W tej lekcji zapoznasz się jak używać komend SQL: INSERT, UPDATE, DELETE. Do wpisywania, aktualizowania oraz usuwania danych w bazie danych SQL. #database #sql #postgresql 0:00 - wstęp 0:14 - polecenie INSERT 3:59 - jak działa DEFAULT przy INSERT 5:25 - wpisywanie wielu wierszy naraz 7:07 - FOREIGN KEY przy pisywaniu danych 7:58 - polecenie UPDATE 10:13 - polecenie DELETE 11:20 - FOREIGN KEY pr...
Czym jest Docker Network? Praktyczny przykład. Czyli jak połączyć kontenery miedzy sobą.
มุมมอง 501ปีที่แล้ว
Pokaże wam czym jest docker network na prawdziwym przykładzie z którym możecie się spotkać w pracy. #docker 0:00 wstęp 0:12 omówienie problemu 1:59 problem połączenia miedzy kontenerami 2:35 dlaczego jest problem z połączeniem między kontenerami 3:47 network - połączenie między kontenerami 08:08 zmienne środowiskowe 10:10 network w docker run 11:50 pożegnanie
Co się stało z children w React? React z TypeScript
มุมมอง 3212 ปีที่แล้ว
W typie FC nie ma props-a "children"? Co się z nim stało? Gdzie go szukać? #react #typescript
Jaka jest różnica między type a interface...? TypeScript interface vs type
มุมมอง 9912 ปีที่แล้ว
Czy wiecie jaka jest różnica między interface a type w TypeScript? Czy można rozszerzać typy? Na te pytania odpowiem wam w tym filmie oraz pokaże prosty trick z aliasami. #typescript 0:00 wstęp 0:16 type vs interface 2:55 extends vs intersection 4:21 przydane aliasy 6:55 pobieranie typu z pola obiektu 7:47 podsumowanie
Jak stworzyć tabelę w PostgreSQL? Bazy danych cz. 4
มุมมอง 7782 ปีที่แล้ว
W tym odcinku podstaw bazy danych pokaże wam jak tworzyć tabele w PostgreSQL. Jakie mamy typy danych, czym jest SERIAL oraz jak tworzyć relacje (REFERENCES) między tabelami. #postgresql #database Przykłady na GitHub: github.com/jjuszkiewicz/postgresql-start 0:00 wstęp 0:22 komenda: create table 1:36 jak stworzyć kolumnę id - PRIMARY KEY 3:15 czy wielkość liter ma znaczenie w DDL-u? 3:39 kolumna...
Czym jest Union i Intersection? Co to Narrowing i Type Guard? TypeScript w praktyce.
มุมมอง 2902 ปีที่แล้ว
TypeScript w praktyce czyli czym jest Union oraz Intersection typów. Dodatkowy zobaczycie czym jest Narrowing i Type Guard? Zapraszam do seri TypeScript w praktyce. #typescript 0:00 Sugestia widza. 0:19 Czym jest Union? 1:50 Narrowing i Type Guard 8:17 Czym jest in Intersection? 9:56 Zakończenie
Jak nie stracić danych w kontenerze? Poznaj Docker Volumes i jego zalety.
มุมมอง 5252 ปีที่แล้ว
W tym nagraniu opowiem o Docker Volumes. Zapobiegają one utraty danych, pomagają współdzielić zasoby pomiędzy kontenerami. Dowiesz się co to volume zewnętrzny (external volumes), listowanie, tworzenie i usuwanie volumes. #docker Przykład z nagranie: github.com/jjuszkiewicz/docker-volumes 0:00 Wstęp 0:19 Co to jest Volume? 1:51 Przykład: dane bez Volume 5:00 Dodajemy Volume 7:38 Lista Volumes 8:...
Jak zainstlować PostgreSQL z Docker-em? Co to jest psql i pgAdmin? Baza danych PostgreSQL cz. 3
มุมมอง 1.5K2 ปีที่แล้ว
W tym odcinku dowiesz się jak zinstalować PostgreSQL za pomocą docker-a do pracy na śrdowisku lokalnym. Wytłumacze jak się zalogować do bazy danych z poziomu terminala przy użyciu narzędzia psql oraz pokażę łatwieszy sposób za pomocą programu pgAdmin. #docker #postgres #postgresql Link do projektu z przykładem: github.com/jjuszkiewicz/postgresql-start 0:00 Wstęp 0:19 Jak zainstalujemy PostgreSQ...
Duże zmiany w Next.js 13. Sprawdź co weszło nowego...
มุมมอง 8262 ปีที่แล้ว
Sprawdźmy nowe funkcjonalności w #nextjs wersji 13, a dokładnie eksperymentalną wersje app directory. #javascript #tech #js #react Wykonany przykład dostępny jest w repozitorium: github.com/jjuszkiewicz/nextjs-13 0:00 wstęp 0:12 co to Next.js 0:40 start projektu z Next.js 13 1:48 jakie zmiany strukturze? 4:54 nowy layout 14:02 podsumowanie nowej struktury 15:44 server component 23:26 loading.ts...
Docker co to jest i jak go używać? Docker dla początkujących
มุมมอง 9K2 ปีที่แล้ว
Docker co to jest i jak go używać? Docker dla początkujących
Jakie są relacje pomiędzy tabelami? Baza danych SQL cz. 2
มุมมอง 2K2 ปีที่แล้ว
Jakie są relacje pomiędzy tabelami? Baza danych SQL cz. 2
Czym jest relacyjna baza danych? Baza danych SQL cz 1
มุมมอง 7652 ปีที่แล้ว
Czym jest relacyjna baza danych? Baza danych SQL cz 1