ecrozatti / DataFetching_NextJS

A simple project to demonstrate the differents forms to data fetching with Next.js: Client Side Fetching, Server Side Rendering and Static Site Generation.

About   |    Technologies   |    Requirements   |    Getting Started

📃 About

Simple project developed during the studies of the Next.js framework.

The project demonstrates different types of data fetching and dynamic import using Next.js. Additionally, there is a custom 404 error page.

See instructions on each page of the project.

💻 Technologies

Project developed with the following technologies:

• ReactJS
• TypeScript
• Next.js
• JSON Server
• Styled Components
• Eslint

📚 Requirements

• Git to clone the project.

🚀 Getting Started

  # Clone the project:
  $ git clone https://github.com/ecrozatti/GoBarBer_Web.git

  # Navigate to the directory:
  $ cd DataFetching_NextJS
  
  # Install dependencies:
  $ yarn install
  
  # Run the fake server with 2 seconds delay:
  npx json-server server.json -p 3333 -w -d 2000

  # Build application:
  $ yarn build
  
  # Start application:
  $ yarn start

Open http://localhost:3000 with your browser to see the result.

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

Made with 💚 by Eric Crozatti Ferreira