Jump to content

Flere anbefalinger

Vi er klar over at bibliotekene som er inkludert i create-t3-app ikke løser alle problemer. Selv om vi oppfordrer deg til å starte prosjektet med tingene vi tilbyr, vil det garantert komme en tid da du må inkludere andre pakker. Bare du kan vite hva prosjektet ditt trenger, men her er noen ting vi ofte anbefaler å bruke.

Disse anbefalingene er gitt av individuelle create-t3-app-bidragsytere og skal ikke tas som “offisielle” godkjenninger gitt av create-t3-app-teamet eller T3-OSS. Vennligst gjør din egen undersøkelse, spesielt før du velger betaltingstjenester.

StatehĂĄndtering

Merk: Statehåndteringsbiblioteker kan være flotte, men er ofte ikke nødvendige. tRPCs React Query Hooks skal kunne håndtere serverstaten din. For state på klientsiden bør du starte med Reacts useState og vurdere ett av disse alternativene hvis du trenger noe mer omfattende.

Zustand

For aldri ĂĄ mĂĄtte bruke Redux igjen

Den “moderne, enkle Reduxen” du ikke visste du trengte. Poimandres↗ kan du alltid stole på. Med dette lille biblioteket kan du bygge alt fra videokonferanseapper til spill og servere.

Jotai

For aldri ĂĄ mĂĄtte bruke Context igjen

Jotai er vanskelig å slå når en atomær tilnærming er foretrukket. Også av Poimandres↗. Jotai lar deg definere singletons som føles som global useState. Et flott alternativ for stateful adfærd som ennå ikke trenger en statemaskin.

Komponentbibliotek

De fleste applikasjoner krever den samme håndfullen komponenter – toggleknapper, dropdownmenyer, modaler osv. Disse bibliotekene gir flotte, tilgjengelige komponenter som du kan bruke og tilpasse etter dine egne behov.

Ustilte Komponentbiblioteker

Slike biblioteker er også kjent som hodeløse biblioteker. De tilbyr flotte, ustilte og tilgjengelige komponenter som du kan tilpasse etter din smak. Her er noen anbefalinger.

  • Radix UI↗ tilbyr deg et kraftig sett med praktiske og tilgjengelige primitive komponenter som du kan style med vanilla CSS eller Tailwind CSS.

– Headless UI↗ ble opprettet av Tailwind CSS-teamet og tilbyr også ustilte, tilgjengelige komponenter som enkelt kan lages med Tailwind CSS.

  • React Aria↗ en stor samling av React-hooks for ĂĄ lage tilgjengelige komponenter. Datovelgeren deres er aldeles toppnivĂĄ.

Stylede Komponentbiblioteker

Hvis du bare vil ha en app som ser helt OK ut

Noen ganger vil du lage et prosjekt der brukergrensesnittet ser helt ordinært ut. Dette kan være tilfelle med f.eks. admin dashboards eller lignende prosjekter. For slike prosjekter er alle disse komponentbibliotekene gode valg.

Class Variance Authority

For ĂĄ lage UI-biblioteker

Lar deg deklarativt lage et brukergrensesnittbibliotek med forskjellige varianter av farger, størrelser osv. Hvis prosjektet ditt har nådd en størrelse der du vil ha et standardisert sett med UI-komponenter med flere varianter enn ved å bruke Tailwind CSS, er CVA et flott verktøy.

Animasjoner

Her er vĂĄre anbefalinger hvis du trenger animasjoner i applikasjon din.

AutoAnimate

For animasjoner med bare Ă©n kodelinje

De fleste animasjonsbiblioteker forsøker å oppfylle alle mulige brukstilfeller og blir dermed uhåndterlig. AutoAnimate er et nullkonfigurasjonsverktøy som gir deg betydelige UX-forbedringer uten ytterligere utviklerinnsats.

Framer Motion

For komplekse animasjoner med deklarativ kode

Framer Motion tilbyr en enkel, deklarativ syntaks og lar deg lage komplekse animasjoner og til og med gestikuleringer med bare noen fĂĄ linjer kode.

Implementeringer, Infrastruktur, Databaser og CI

Vercel

For ĂĄ hoste applikasjonen din

Vercel har gjort web-app-hosting til en lek. Vi har skalert applikasjonen vår til hundretusenvis av brukere, og vi har aldri støtt på noen problemer. Vercel bruker AWS-teknologi, og tilbyr et mye bedre brukergrensesnitt enn mange andre tjenester.

PlanetScale

For databaser uten ĂĄ mĂĄtte bekymre deg

PlanetScale er den beste “serverløse databaseplattformen” vi har brukt så langt. Vanvittig skalerbarhet, meget utviklervennlig og fantastiske priser. Hvis du bruker SQL (og forhåpentligvis Prisma) er dette vanskelig å slå.

Railway

For ĂĄ hoste infrastrukturen din

“Den moderne Heroku”. Den enkleste måten å starte en ekte server på. Hvis Vercel og PlanetScale ikke er nok, er Railway sannsynligvis det beste alternativet. Bare pek på et GitHub-repo og kom i gang.

Upstash

For serverløse Redis

Vi elsker Prisma og PlanetScale, men enkelte prosjekter tremger noen ganger en mer effektiv løsning. Upstash lar deg bruke minneytelsen til Redis i ditt serverløse prosjekt uten å måtte bekymre deg for infrastruktur og skalering.

Pusher

For serverløse WebSockets

Hvis WebSockets er hovedfokuset for prosjektet ditt, kan det være lurt å vurdere en mer tradisjonell backend-løsning som Fastify↗ (som også fungerer med tRPC!↗). For raskt å legge til WebSockets i en T3-app er Pusher et utmerket valg.

Soketi

Soketi er et selvhostende, enkelt og raskt alternativ til Pusher. Det er helt kompatibel med Pusher SDK, som du kan bruke til ĂĄ koble til serveren. Soketi serverless er fortsatt i beta.

Analytics

Brukerdata er svært verdifullt når du skal utvikle en app. Her er noen analyseleverandører vi anbefaler.

Plausible

Trenger du analyser? Plausibel er en av de raskeste måtene. Superminimal. Og den har til og med en enkel plugin for Next.js↗.

Umami

Umami er et ĂĄpen kilde, selvhostende, enkelt, raskt og personvernvennlig alternativ til Google Analytics. Du kan hoste det veldig enkelt pĂĄ Vercel, Railway, osv. med PlanetScale som database.

Annet

Neste Bundle Analyzer

Noen ganger er det vanskelig ĂĄ finne ut hvilken kode som inkluderes i byggeutdataen til applikasjonen din. Next Bundle Analyzer er en enkel mĂĄte ĂĄ visualisere og analysere JavaScript-bundler pĂĄ.