This is a web application project written using Create Next App, React, Typescript with Next.js version 14 feature details.
Project hosted on Vercel: https://react-next14-features-typescript.vercel.app/
- SSR and CSR
- delay with Data Fetching
- cache with no-store
- filtering todos by title
- sorting users by name and email
- image with width and height properties
- image props fill
- image props priority
- nested routes
- root layout, nested layout
- loading skeleton with route groups
- loading spinner with remaining routes
- dynamic route segment
- optional catch-all route segment
- pages titles and descriptions with metadata
- handling all errors with error.tsx
- handling 404 errors with not-found.tsx
- tablet and mobile friendly
- React Js, Scss, Next Js
- JSONPlaceholder API
- Typescript
- react-icons
- react-loading-skeleton
- fast-sort
- usePathname, searchParams
- useDebounce
- Suspense, lazy
- next/link, next/navigation, next/image
Install git, nodejs, npm in your local computer
Clone this repository to your local computer:
$ git clone https://github.com/albaitas/react-next14-features-typescript.git
Install dependencies:
npm install
Runs the app in the development mode:
npm run dev