Jump to content

Dlaczego CT3A?

Stworzyli┼Ťmy Create T3 App, poniewa┼╝ TheoÔćŚ nie chcia┼é przygotowa─ç szablonu sk┼éadaj─ůcego si─Ö ze swoich ulubionych technologii. Zainspirowany przez create-next-app, CLI od AstroÔćŚ oraz og├│lne zami┼éowanie do typesafety, zesp├│┼é Create T3 App ci─Ö┼╝ko pracowa┼é buduj─ůc najlepszy mo┼╝liwy punkt startowy dla nowych projekt├│w korzystaj─ůcych ze stacka T3.

Je┼╝eli jeste┼Ť zainteresowany korzystaniem z Next.jsa w spos├│b, w kt├│ry nie stracisz na typesafety, jest to znakomite miejsce, aby zacz─ů─ç. Je┼Ťli jeste┼Ť ciekawy co do poszczeg├│lnych technologii wybranych przez nas dla tego narz─Ödzia, czytaj dalej :)

Dlaczego TypeScript?

JavaScript jest ci─Ö┼╝ki. Dlaczego dodajemy wi─Öcej zasad?

Stanowczo wierzymy, ┼╝e TypeScript pomo┼╝e ci by─ç lepszym deweloperem. Zaopatruje Ci─Ö on w feedback na ┼╝ywo definiuj─ůc oczekiwane typy danych. Dostarcza tak┼╝e pomocnego autouzupe┼éniania w edytorze lub krzyczy na ciebie czerwonymi podkre┼Ťleniami, je┼╝eli pr├│bujesz uzyska─ç dost─Öp do w┼éa┼Ťciwo┼Ťci, kt├│ra nie istnieje, lub jesli pr├│bujesz przes┼éa─ç warto┼Ť─ç z┼éego typu - co skutkowa┼éoby d┼éu┼╝szym debugowaniem w razie b┼é─Ödu. Bez wzgl─Ödu na to, czy jeste┼Ť nowy w ┼Ťwiecie web developmentu, czy te┼╝ do┼Ťwiadczonym programist─ů, ÔÇťsurowo┼Ť─çÔÇŁ jak─ů daje ci TypeScript pozwala na mniej frustruj─ůce i bardziej konsekwentne do┼Ťwiadczenie ni┼╝ czysty JS.

Typesafety pozwala ci by─ç szybszym. Je┼╝eli dalej nie jeste┼Ť przekonany, mo┼╝e si─Ö okaza─ç, ┼╝e korzystasz z TypeScripta ┼║leÔÇŽÔćŚ.

Dlaczego Next.js?

Kochamy Reacta. Zmieni┼é on spos├│b tworzenia interfejs├│w na niewyobra┼╝alnie bardziej przyst─Öpny. Mo┼╝e on tak┼╝e prowadzi─ç dewelopera za r─Ök─Ö z miejscach, mog─ůcych sprawia─ç problemy.

Next.js oferuje lekko kontrowersyjne, bardzo zoptymalizowane podej┼Ťcie do tworzenia aplikacji z pomoc─ů Reacta. Od routingu przez API do renderowania zdj─Ö─ç, ufamy Next.jsowi i wierzymy, ┼╝e prowadzi on nas do dobrych decyzji.

Dlaczego tRPC/Prisma/Tailwind/itp.?

Staramy si─Ö utrzyma─ç projekty w tak prosty spos├│b, jak tylko si─Ö da. Okazuje si─Ö jednak, ┼╝e korzystamy z tych narz─Ödzi w ka┼╝dym ÔÇťprojekcie-aplikacjiÔÇŁ jaki tylko budujemy. create-t3-app robi znakomit─ů robot─Ö pozwalaj─ůc ci zaadoptowa─ç te cz─Ö┼Ťci, kt├│rych potrzebujesz.

tRPC

tRPC spe┼énia obietnice GraphQLa o bezproblemowej integracji klienta z serwerem bez niepotrzebnego boilerplateÔÇÖa. Jest to przemy┼Ťlane wykorzystanie TypeScripta kt├│re zaopatrzy Ci─Ö w niespotykane do┼Ťwiadczenie przy programowaniu.

Prisma

Prisma dla SQLa to jak TypeScript dla JSa. Pozwala na DX jaki wcze┼Ťniej nie istnia┼é. Generuj─ůc typy ze schematu zdefiniowanego przez u┼╝ytkownika i kompatybilnego z wieloma bazami danychÔćŚ, Prisma gwarantuje typesafety na ka┼╝dym kroku od bazy danych do twojej aplikacji.

Prisma oddaje ci w r─Öce ca┼éy zestaw narz─ÖdziÔćŚ u┼éatwiaj─ůc codzienne integracje z baz─ů danych. Prisma Client odpowiedzialny za wykonywanie zapyta┼ä do bazy danych jest tak ┼éatwy w u┼╝yciu, ┼╝e nawet nie zorientujesz si─Ö, kiedy b─Ödziesz z niego korzysta─ç. Prisma Studio natomiast to przyst─Öpny interfejs graficzny dla twojej bazy danych, kt├│ry pozwala ci odczytywa─ç z niej dane i manipulowa─ç nimi bez potrzeby pisania kodu.

Tailwind CSS

Tailwind sprawia wra┼╝enie ÔÇťCSSa w trybie zenÔÇŁ.

Zaopatruj─ůc Ci─Ö w narz─Ödzia do budowania, takie jak ┼Ťwietne domy┼Ťlne kolory, spacingi oraz inne prymitywy, Tailwind w znaczny spos├│b u┼éatwia stworzenie dobrze wygl─ůdaj─ůcej aplikacji. W przeciwie┼ästwie do bibliotek komponent├│w, nie sprawia niepotrzebnych problem├│w, kiedy chcesz stworzy─ç co┼Ť unikalnego i pi─Öknego.

Dodatkowo, z podej┼Ťciem ÔÇťinlineÔÇŁ, Tailwind zach─Öca ci─Ö do stylizowania aplikacji bez martwienia si─Ö o nazywanie klas, organizowanie struktury plik├│w czy rozwi─ůzywanie innych problem├│w niekoniecznie maj─ůcych co┼Ť wsp├│lnego z tym, co chcesz w┼éa┼Ťnie stworzy─ç.

NextAuth.js

Kiedy chcesz doda─ç system kont do swojej aplikacji Next.js, NextAuth.js to znakomite rozwi─ůzanie. Pozwala ono wdro┼╝y─ç z┼éo┼╝one systemy bezpiecze┼ästwa nie zmuszaj─ůc Ci─Ö przy tym do pisania ich w┼éasnor─Öcznie. NextAuth.js zawiera rozleg┼é─ů list─Ö provider├│w, kt├│re zapewni─ů Ci szybki spos├│b na dodanie OAutha. Paczka ta posiada r├│wnie┼╝ wiele adapter├│w dla baz danych i ORM├│w.


Recent Contributors To This Page