oscardelgado02 / Learn-Next.js

Self-learning project to learn to build full-stack applications in Next.js, a React framework.

Learn Next.js

Self-learning project to learn to build full-stack applications in Next.js, a React framework.

Link to the course I followed

Topics from the course:

• Getting Started
• CSS Styling
• Optimizing Fonts and Images
• Creating Layouts and Pages
• Navigating Between Pages
• Setting Up Your Database
• Fetching Data
• Static and Dynamic Rendering
• Streaming
• Partial Prerendering
• Adding Search and Pagination
• Mutating Data

Install Next.js:

• In the root of the project, run:

npm install react@latest react-dom@latest next@latest

• You can also start from an example project:

npx create-next-app@latest nextjs-dashboard --use-npm --example "https://github.com/vercel/next-learn/tree/main/dashboard/starter-example"

Used extensions for VSCode (Recommended to make development easier):

• Auto Rename Tag
• ES7+ React/Redux/React-Native snippets
• JavaScript and TypeScript Nightly
• Prettier - Code formatter
• Tailwind CSS IntelliSense