MANVIA BLOG

  • Home
  • UI
    • Angular
    • Jquery
    • NextJs
    • HTML & CSS
    • React Js
  • Database
    • Mysql
  • Scripts
    • Laravel
    • dotNet
    • GoLang
    • NodeJs
    • Python
    • Wordpress
    • Odoo
    • PHP Core
    • SailsJs
    • CakePHP
    • Django Framework
  • Projects
    • Eismann
    • Applications
    • CMS
  • Mobile App
    • Settings
    • Flutter
    • React Native
  • DevOps
    • Azure
    • Bluehost
    • GoDaddy
    • AWS
    • Tomcat Server
  • Tools
    • Jmeter
    • Jira
    • Bitbucket
    • Git
  • General
    • Server
    • Web
    • Programming
  • Questions
    • React Js
    • Web
    • Oops
    • Codeigniter3
    • APIs

NextJs

  • Basics

    *NextJs Installation
    Variables
    array looping
    Function
    Variable with state
    CSR vs SSR
    State Management (useState, Context API, Zustand...)
    State Management using Redux
    Array Variable in state
    Usage of type object
    Cookie

  • View

    Variables in view page
    Resources in view page
    Reusable Component
    Shared Layout - header, footer, sidebar
    Multiple layouts for login, dashboard , fe
    Passing Data or Event or Object between components
    Call multiple functions onClick
    Bootstrap With React
    Call child function from parent
    Convert HTML to React

  • Form

    Get FormData and pass to API
    Form validation
    Add Dynamic Input fields
    Billing form
    Auto suggest form

  • Routes

    Route Basics
    Middleware
    Data passing between pages

  • APIs

    Promises & Async Await
    Get or Fetch Data
    API with useState and useEffect
    Post Data

  • Advanced

    Login (for beginner)
    Login and auth (for intermediate)

  • Steps

    * Step1: Create new Project
    * Step2: Create new page
    * Step3: Navigation
    * Step4: API

  • Web

    Step1: Hello World example
    Step2: using function
    Step3: using component
    Step4: Api data
    Laravel with reactjs web