Bygge Fakturasiden
Gratulerer! Vi har nå gjennomgått alle de grunnleggende konseptene i Next.js. Du er nå rustet til å bygge ulike typer apper med Next.js.
Videre skal vi fordype oss i avanserte konsepter som er valgfrie for noen apper eller prosjekter. Å tilegne seg kunnskap om disse konseptene kan likevel være svært nyttig.
Tilbake til prosjektet
La oss rette fokuset mot fakturasiden og fortsette utviklingen av denne.
Vennligst kopier og lim inn følgende kode i app/dashboard/invoices/page.tsx. Sett av litt tid til å inspisere og forstå hensikten med denne koden.
Applikasjonen har tre hovedfunksjoner:
Searchlar brukere finne spesifikke fakturaer;Paginationgir mulighet til å navigere mellom sider med fakturaer;Tableviser alle tilgjengelige fakturaer.
Vi skal bruke URL-søkeparametere for å håndtere søkestatus, noe som kan være nytt hvis du er vant til å bruke klient-side tilstand.
Fordeler inkluderer:
- Brukere kan bokmerke eller dele gjeldende applikasjonstilstand, inkludert søk og filtre, siden parameterne er en del av URL-en;
- URL-parametere forenkler server-side rendering, og gjør det enklere å sette opp initial tilstand på serveren;
- Med søkedetaljer i URL-en blir det enklere å spore brukeradferd, og det krever mindre klient-side logikk.
Vi fortsetter med dette i neste kapittel.
I praksis
Takk for tilbakemeldingene dine!
Spør AI
Spør AI
Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår
Can you explain how the commented-out Suspense and Pagination components will be used?
What is the purpose of using URL search parameters for the search functionality?
Can you provide more details about how server-side rendering works with this setup?
Awesome!
Completion rate improved to 2.08Bygge Fakturasiden
Sveip for å vise menyen
Gratulerer! Vi har nå gjennomgått alle de grunnleggende konseptene i Next.js. Du er nå rustet til å bygge ulike typer apper med Next.js.
Videre skal vi fordype oss i avanserte konsepter som er valgfrie for noen apper eller prosjekter. Å tilegne seg kunnskap om disse konseptene kan likevel være svært nyttig.
Tilbake til prosjektet
La oss rette fokuset mot fakturasiden og fortsette utviklingen av denne.
Vennligst kopier og lim inn følgende kode i app/dashboard/invoices/page.tsx. Sett av litt tid til å inspisere og forstå hensikten med denne koden.
Applikasjonen har tre hovedfunksjoner:
Searchlar brukere finne spesifikke fakturaer;Paginationgir mulighet til å navigere mellom sider med fakturaer;Tableviser alle tilgjengelige fakturaer.
Vi skal bruke URL-søkeparametere for å håndtere søkestatus, noe som kan være nytt hvis du er vant til å bruke klient-side tilstand.
Fordeler inkluderer:
- Brukere kan bokmerke eller dele gjeldende applikasjonstilstand, inkludert søk og filtre, siden parameterne er en del av URL-en;
- URL-parametere forenkler server-side rendering, og gjør det enklere å sette opp initial tilstand på serveren;
- Med søkedetaljer i URL-en blir det enklere å spore brukeradferd, og det krever mindre klient-side logikk.
Vi fortsetter med dette i neste kapittel.
I praksis
Takk for tilbakemeldingene dine!
