shamimferdous / Breaking_App

An unconventional React and Next.js boilerplate. Demonstrates context api, react hooks and many other goodies.

Home Page:https://breaking-app.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

🔪 See it in action: https://breaking-app.vercel.app/ 🔫

What is it?

Breaking_App is an unconventional React-Next.js boilerplate app based on the Breaking Bad tv show.

It's perfect for those who have experience with create-react-app and wants to get started with Next.js and server-side-rendering. This boilerplate covers the fundamentals of Next.js and shows how to use the amazing react context-api with it.

Some other notable good thingies it demonstrates:

next.js dynamic routing
next/router
next/link
useRef Hook
useState Hook
useContext Hook
useEffect Hook
content refresh interval with useEffect
next.config.js and env variables

Getting Started

First, git pull or download the repository. Then

npm install

#to start the dev server
npm run dev

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

Acknowledgment

Big shoutout to Breaking Bad Api and the team behind it. Thanks for allowing me to play with my favorite tv show as well as the best tv show of all time. <3

About

An unconventional React and Next.js boilerplate. Demonstrates context api, react hooks and many other goodies.

https://breaking-app.vercel.app


Languages

Language:JavaScript 57.9%Language:CSS 42.1%