https://github.com/khaledalabssi/teaching_repo_nextjs

Teaching materials / code-examples for my frontend and full-stack participants
https://github.com/khaledalabssi/teaching_repo_nextjs

hands-on-demos nextjs nextjs-example nextjs-introduction nextjs-layout-component nextjs-router nextjs-server-actions nextjs14 teaching-materials

Last synced: 2 days ago
JSON representation

Teaching materials / code-examples for my frontend and full-stack participants

• Host: GitHub
• URL: https://github.com/khaledalabssi/teaching_repo_nextjs
• Owner: KhaledAlabssi
• Created: 2024-06-01T19:04:44.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-06-12T13:13:34.000Z (5 months ago)
• Last Synced: 2024-06-13T13:37:08.348Z (5 months ago)
• Topics: hands-on-demos, nextjs, nextjs-example, nextjs-introduction, nextjs-layout-component, nextjs-router, nextjs-server-actions, nextjs14, teaching-materials
• Language: TypeScript
• Homepage:
• Size: 187 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# TEACHING REPO: nextJS

This repository contains code and examples used for teaching "Nextjs" Fo Frontend and Full Stack Development courses

## Purpose

These examples are intended for instructional use and demonstrate basic concepts. They are not representative of production-level code or my professional work.



### section one:

- nextjs project structure

- home page

- routes in nextjs

- layout functionality

- nested routes

- client vs server

- fetcing data

- loading

- section challenge

### section two:

- error handling

- dynamic routes

- nested layout

- components

- props

- section challenge

### section three:

- advanced routing

- media in nextjs

- databases

- section challenge

### section four:

- curd intro

- project 1

### section five:

- http methods

- route handler

- project 2

### section six:

- middleware

- render

- build

- project 3

### nextjs graduation:

- authentication

- advanced deployment

- encryption

- 3rd parties auth(google, facebook, github)

- 3rd parties payment gateway(paypal, stripe)

- 3rd parties services (POS, LLM, CRM)