Skip to content

NextJar13 is a next.js 13-based responsive project developed with tailwind css. It includes SSR(Server-Side Rendering), ISR(Incremental Static Regeneration), and SSG(Static Site Generation)

Notifications You must be signed in to change notification settings

CodingByGopal/NextJs-NextJar13

Repository files navigation

NextJar13 — Next.js 13 Projects With It's Latest Features

NextJar13 is a Next.js 13-based responsive project developed with tailwind css. It includes SSR(Server-Side Rendering), ISR(Incremental Static Regeneration), and SSG(Static Site Generation), and Client Side Fetching (with SWR React Hook ) etc. Vercel build next.js 13 image component has been used in the project along with latest react hook named as "use hook" for data fetching in different components.

Api

For SSR page fetching TMDb API has been used.

For SSG and ISR page fetching {JSON} Placeholder has been used.

For ClientSide fetching Fake Store API has been used.

Resource

Icons: https://fontawesome.com/

Color Palettes: https://coolors.co/ , https://yeun.github.io/open-color/

Contrast check: https://coolors.co/contrast-checker/112a46-acc8e5

Html Entity: https://tools.w3cub.com/html-entities

Favicon: https://realfavicongenerator.net/

Tinst and shades: https://maketintsandshades.com/

Placeholder: https://placeholderimage.dev/

Features Check: https://caniuse.com/

Tech Stack

Tech Used: Next.js, TailwindCSS

Packages: SWR hook

Run Locally

Install dependencies

  npm install

Start the server

  npm run dev

Preview

Home SSR

SSr results

SSG

ISR

ISR Results

Client Fetch

Hi, my name is Gopal ji! 👋

🚀 About Me

I'm a front-end web developer. I'm the developer of NextJar13 Website.

🛠 Skills

Next.js, React.js, Tailwind css, Redux , Redux Toolkit, Javascript, HTML, CSS