https://github.com/svkhrobbeck/education

NextJS application in this project we will analyze in detail, Setting up the environment and building the project, How SSR and SPG work, Embedded components Next.js, Working with forms via react-hook-form, Animation using Framer Motion.
https://github.com/svkhrobbeck/education

framer-motion full-stack next-pages-router nextjs-api-routes nextjs14 react-hook-form seo storybook

Last synced: about 1 month ago
JSON representation

NextJS application in this project we will analyze in detail, Setting up the environment and building the project, How SSR and SPG work, Embedded components Next.js, Working with forms via react-hook-form, Animation using Framer Motion.

• Host: GitHub
• URL: https://github.com/svkhrobbeck/education
• Owner: svkhrobbeck
• Created: 2024-05-20T21:23:45.000Z (7 months ago)
• Default Branch: master
• Last Pushed: 2024-06-28T06:21:55.000Z (6 months ago)
• Last Synced: 2024-08-21T15:55:07.238Z (4 months ago)
• Topics: framer-motion, full-stack, next-pages-router, nextjs-api-routes, nextjs14, react-hook-form, seo, storybook
• Language: TypeScript
• Homepage: https://education.soatov.uz
• Size: 1.05 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## Education Platform

#Demo

https://education.soatov.uz

[storybook](https://666181b1e332c6280f648a1c-vyajcuamwx.chromatic.com/)

#Overview

NextJS application in this project we will analyze in detail, Setting up the environment and building the project, How Server Side Rendering (SSR) and Static Page Generation work, Embedded components Next.js, Working with forms via react-hook-form, Animation using Framer Motion, Build storybook components, Fully SEO friendly server application, Prepare application for production, For styling we used CSS Modules, Build a production project and configure eslint, styleline and debugging

#Stack

- NextJS

- ReactJS

- NodeJS

- ExpressJS

- Storybook

- TypeScript

- SEO

- API

- Context

- Reducers

- NProgress

- Module CSS

- Classnames

- UI Components

- Framer motion

- Project architecture

- High Order Component

- Full responsive (mobile, tablet)