Next.js Strava App Build (Part 1) — Setup, API Calls, Tailwind, Zustand & ShadCN

Description

NextJs full stack web app from scratch! From IDE setup and configuration to Strava data calls, this is part one of building our own free version of Strava premium. By the end of this video you’ll have a dashboard with cards for all of your Strava activities! You’ll learn: - Key extensions for Visual Studio Code and how to install - How to use useEffect() hooks for data calls - How to hit the Strava API in a full stack application - Styling with Tailwind css and Shad - State management with Zustore **Important Links/Sources:** GET url for activities - https://www.strava.com/api/v3/athlete/activities POST url for access token - https://www.strava.com/oauth/token Visual Studio Code Download - https://code.visualstudio.com/download ES7 - https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets Javascript and Typrescript Nightly - https://marketplace.visualstudio.com/items?itemName=ms-vscode.vscode-typescript-next Tailwind CSS Intellisense- https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss Tailwind Docs - https://tailwindcss.com/ Shad Docs - https://ui.shadcn.com/ Strava Docs - https://developers.strava.com/docs/reference/ Zustand Docs - https://zustand.docs.pmnd.rs/getting-started/introduction