https://github.com/albaitas/react-next14-features-typescript
This is a web application project written using Create Next App, React, Typescript with Next.js version 14 feature details.
https://github.com/albaitas/react-next14-features-typescript
fast-sort jasonplaceholder lazy nextjs14 react-hooks react-icons react-loading-skeleton reactjs scss suspense typescript
Last synced: 2 months ago
JSON representation
This is a web application project written using Create Next App, React, Typescript with Next.js version 14 feature details.
- Host: GitHub
- URL: https://github.com/albaitas/react-next14-features-typescript
- Owner: albaitas
- Created: 2024-09-10T16:34:45.000Z (9 months ago)
- Default Branch: master
- Last Pushed: 2024-09-13T07:05:36.000Z (9 months ago)
- Last Synced: 2025-02-11T14:51:56.722Z (4 months ago)
- Topics: fast-sort, jasonplaceholder, lazy, nextjs14, react-hooks, react-icons, react-loading-skeleton, reactjs, scss, suspense, typescript
- Language: TypeScript
- Homepage: https://react-next14-features-typescript.vercel.app/
- Size: 323 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# react-next14-features-typescript
This is a web application project written using Create Next App, React, Typescript with Next.js version 14 feature details.
## Demo
Project hosted on Vercel: https://react-next14-features-typescript.vercel.app/
## Features
- 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
## Build with
- 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
## Installation
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`**