https://github.com/anonfedora/ra-nba

https://github.com/anonfedora/ra-nba

api data fetch-api frontend fullstack json jsonapi nextjs

Last synced: about 2 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/anonfedora/ra-nba
• Owner: anonfedora
• Created: 2024-04-16T12:14:16.000Z (about 2 years ago)
• Default Branch: master
• Last Pushed: 2024-04-20T11:16:53.000Z (about 2 years ago)
• Last Synced: 2024-12-31T15:21:00.814Z (over 1 year ago)
• Topics: api, data, fetch-api, frontend, fullstack, json, jsonapi, nextjs
• Language: JavaScript
• Homepage: https://ra-nba.vercel.app
• Size: 1.27 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          







  

    

  


How to Create a Full-Stack Application with Next.js


  


    A Step-By-Step Tutorial for Beginners

    


    Read on FreeCodeCamp »

    


    


    View Demo

    ·

    Request Feature

    ·

    Report Bug

  


[![freeCodeCamp](https://img.shields.io/badge/-freeCodeCamp-brightgreen?logo=freeCodeCamp)](https://www.freecodecamp.org/)

[![React](https://img.shields.io/badge/-React-blue?logo=React)](https://reactjs.org/)

[![React Hook Form](https://img.shields.io/badge/-Next.js-6E36F6?logo=Next.js&logoColor=white&color=black)](https://react-hook-form.com/)

[![Tailwind CSS](https://img.shields.io/badge/-Tailwind%20CSS-06B6D4?logo=Tailwind%20CSS&logoColor=black&color=white)](https://tailwindcss.com/)

[![JavaScript](https://img.shields.io/badge/-JavaScript-FFA500?logo=JavaScript&logoColor=white&color=FFA500)](https://developer.mozilla.org/en-US/docs/Web/JavaScript)

[![Framer Motion](https://img.shields.io/badge/-Framer%20Motion-blue?logo=Framer)](https://www.framer.com/api/motion/)





![Thumbnail](./public/thumbnail.jpg)



## Introduction

Welcome to the GitHub repository for the

[How to Create a Full-Stack Application with Next.js](https://www.freecodecamp.org/news/step-by-step-tutorial-for-building-your-first-full-stack-application-with-nextjs)

tutorial!

In this tutorial, I will take you through the basics of Next.js and guide you in

creating your very first full-stack application. By the end of this tutorial,

you'll have the confidence to start building your own full-stack applications

with Next.js. So let's jump right in and unlock the power of Next.js together!

## Getting Started

To get started with the project in your local development environment, follow

these steps:

1. Clone the repository to your local machine.

```bash

git@github.com:your-username/next-fcc-familyguy.git

```

2. Open the cloned folder in your preferred code editor, install the required

   dependencies by running the following command in the terminal:

```bash

npm install

```

3. To access the starter files for the tutorial, use the following command:

```bash

git checkout starter

```

4. Start the development server by running the following command:

```bash

npm run dev

```

You are now ready to go!

## Contribute to this project

Thank you for browsing this repo. Any contributions you make are **greatly

appreciated**.

If you have a suggestion that would make this better, please fork the repo and

create a pull request. You can also simply open an issue with the tag

"enhancement". Don't forget to give the project a star! Thanks again!

1. Fork the Project

2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)

3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)

4. Push to the Branch (`git push origin feature/AmazingFeature`)

5. Open a Pull Request