Skip to content

All of the codes, notes, and ideas from the Next Level Web Development courses will be added here.

License

Notifications You must be signed in to change notification settings

montasim/Next-Level-Web-Development

Repository files navigation

NEXT LEVEL WEB DEVELOPMENT

GitHub watchers goto badge GitHub repo file count GitHub repo size GitHub GitHub commit activity GitHub contributors GitHub last commit

All the codes, notes, and ideas from the Next Level Web Development courses will be added here.


NOTE: Notes will be added by Mission name

CONTENTS:


Roadmap

  1. Roadmap

MISSIONS

Mission 0: Welcome To Next Level Web Development (Module: 0 - 1)
Mission 1: Be a TypeScript Technocrat (Module: 2 - 5.5)
  1. Module 2: Explore Basic Types of TypeScript
  2. Module 3: Explore Advance Types of TypeScript
  3. Module 4: Object-Oriented Programming in TypeScript
  4. Module 5 Assignment 1
  5. Module 5.5: Bonus Module
Mission 2: Be A Mongoose Master (Module: 6 - 9)
  1. Module 6: Installation and Explore Read and Write Queries
  2. Module 7: Explore Mongoose More Queries
  3. Module 8: MongoDB Aggregation Framework and Indexing
  4. Module 8.5: Simple Mongoose Practice
  5. Module 9: Assignment 2
Mission 3: Be A NoSQL Backend Braniac (Module: 10 - 19)
  1. Module 10: SDLC, Requirement Analysis and Project Setup
  2. Module 11: How to set up and organize your project professionally
  3. Module 12: Building The Auth Service Part 2
  4. Module 13: Error handling, Zod, Pagination & Academic Semester
  5. Module 14: Pagination, Filtering, Complete Academic Semester
  6. Module 15: Complete Student Module, Implement Transaction and Rollback, Practice Faculty Module
  7. Module 15.5: Practice Day
  8. Module 16: Assignment 3
  9. Module 17: Implement Authentication & Authorization using JWT
  10. Module 18: Assignment 4
  11. Module 19: Complete Update Password System
Mission 4: Be A Redux Reaper (Module: 20 - 23)
  1. Module 20: Get started with Redux. A deep dive into Redux's philosophy
  2. Module 21: Hands-on State Management & Crud Operation
  3. Module 22: Handling async tasks using Redux
  4. Module 23: Assignment 5
Mission 5: Be A NextJS Ninja (Module: 24 - 27)
  1. Module 24: Fundamentals of Next.Js
  2. Module 25: Next Level Data Fetching in Next.Js
  3. Module 26: Explore NextAuth & App Router
  4. Module 26.5: Practice Day
  5. Module 27: Assignment-6

USED PACKAGES

  1. yarn - Yarn is a package manager that doubles down as project manager
  2. typescript - TypeScript is JavaScript with syntax for types
  3. nodemon - Simple monitor script for use during development of a Node.js app
  4. ts-node-dev - TypeScript execution environment and REPL for node.js
  5. antd - An enterprise-class UI design language and React UI library with a set of high-quality React components, one of best React UI library for enterprises
  6. json-server - Get a full fake REST API with zero coding in less than 30 seconds (seriously)
  7. react-redux - The official, opinionated, batteries-included toolset for efficient Redux development
  8. mongodb - The official MongoDB driver for Node.js.
  9. vite - Next Generation Frontend Tooling.
  10. tailwindcss - A utility-first CSS framework.
  11. react-router-dom - React Router enables "client side routing".
  12. @reduxjs/toolkit - The Redux Toolkit package is intended to be the standard way to write Redux logic.
  13. react-redux - React Redux is the official React UI bindings layer for Redux.

TOOLS

  1. typescript-mongoose-eslint-husky-staged boilerplate
  2. BreakTimer
  3. Redux DevTools

ARTICLES

  1. NVM for Windows – How to Download and Install Node Version Manager in Windows 10
  2. Pick Function Refactoring & Property Management
  3. All about Express Error Handling
  4. Exploring $exists, $type and $size operators
  5. Exploring the Power of $inc, $max, $min, and $mul Operators of MongoDb
  6. MongoDB $and Operator
  7. MongoDB's Update Operators: Mastering $push, $set, and $addToSet for Efficient Data Management
  8. Unleashing the Power of Querying : Discover MongoDB's $not and $nor Operators
  9. Boost Your MongoDB Queries: Deep Dive into $in, $nin, and $or Operators
  10. Permanently removing a file from git history
  11. Create a JSON server
  12. What is the difference between fallback false vs true vs blocking of getStaticPaths with and without revalidate in Next.js SSR/ISR?
  13. How to use different .env files with nextjs?

DO NOT FORGET TO DO

Vercel এ ডেপ্লয় এর ক্ষেত্রে কয়েকটি জিনিস খেয়াল রাখতে হবে
Vercel এ ডেপ্লয় এর ক্ষেত্রে কয়েকটি জিনিস খেয়াল রাখতে হবে
  • tsconfig.json এর মধ্যে
"module": "commonjs" */* Specify what module code is generated. */*,
"rootDir": "./src" */* Specify the root folder within your source files. */*,
"outDir": "./dist" */* Specify an output folder for all emitted files. */*,

এই কনফিগটি add করে নিতে হবে যদি আগে থেকে করা না থাকে

  • package.json এর মধ্যে
"scripts": {
    "dev": "ts-node-dev --respawn --transpile-only src/server.ts",
    "start": "node dist/server.js",
    "build": "tsc"
}
  • প্রজেক্টের রুট এর মধ্যে vercel.json ফাইল বানিইয়ে নিতে হবে
{

    "version": 2,
        "builds": [
        {
            "src": "dist/server.js",
            "use": "@vercel/node"
        }
    ],
        "routes": [
        {
            "src": "/(.*)",
            "dest": "dist/server.js"
        }
    ]
}

এরপর Cli দিয়ে deploy করে নিলেই কাজ শেষ , সার্ভার রেডি

If you need to change the environment variable of Vercel production always make sure to have a push to the main branch.


TUTORIALS

  1. Git - How to Duplicate a Repository with History ( Full duplicate, no fork)
  2. How to test a local website on your phone

INSPIRATIONS

  1. Wallpaper - For daily inspiration

CONTRIBUTE

Contributions are always welcome! Please read the contribution guidelines first.


SPECIAL THANKS

  1. Tauhid Hasan for his typescript-mongoose-eslint-husky-staged boilerplate
  2. Dipto Karmaker for his suggestion to use BreakTimer
  3. Mezbaul Abedin Forhan for Pick Function Refactoring & Property Management
  4. Mezbaul Abedin Forhan for All about Express Error Handling
  5. Mezbaul Abedin Forhan for MongoDB $and Operator
  6. Ehtisam Haq for Exploring $exists, $type and $size operators
  7. Anisur Rahman for Exploring the Power of $inc, $max, $min, and $mul Operators of MongoDb
  8. Mehedi Anik for MongoDB's Update Operators: Mastering $push, $set, and $addToSet for Efficient Data Management
  9. Samin Israr Ravi for Unleashing the Power of Querying : Discover MongoDB's $not and $nor Operators
  10. Tanmoy Parvez for Boost Your MongoDB Queries: Deep Dive into $in, $nin, and $or Operators
  11. Simba for Permanently removing a file from git history
  12. Jason Cheung for Git - How to Duplicate a Repository with History ( Full duplicate, no fork)

LICENSE

CC0

To the extent possible under law, M♢NTΛSIM has waived all copyright and related or neighboring rights to this work.





feel free to contact me svg

Linkedin icon GitHub icon StackOverflow icon web icon Gmail icon Facebook icon Twitter icon