MO
montasim/Next-Level-Web-Development
All of the codes, notes, and ideas from the Next Level Web Development courses will be added here.
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
MISSIONS
Mission 0: Welcome To Next Level Web Development (Module: 0 - 1)
Mission 1: Be a TypeScript Technocrat (Module: 2 - 5.5)
Mission 2: Be A Mongoose Master (Module: 6 - 9)
Mission 3: Be A NoSQL Backend Braniac (Module: 10 - 19)
- Module 10: SDLC, Requirement Analysis and Project Setup
- Module 11: How to set up and organize your project professionally
- Module 12: Building The Auth Service Part 2
- Module 13: Error handling, Zod, Pagination & Academic Semester
- Module 14: Pagination, Filtering, Complete Academic Semester
- Module 15: Complete Student Module, Implement Transaction and Rollback, Practice Faculty Module
- Module 15.5: Practice Day
- Module 16: Assignment 3
- Module 17: Implement Authentication & Authorization using JWT
- Module 18: Assignment 4
- Module 19: Complete Update Password System
Mission 4: Be A Redux Reaper (Module: 20 - 23)
Mission 5: Be A NextJS Ninja (Module: 24 - 27)
USED PACKAGES
- yarn - Yarn is a package manager that doubles down as project manager
- typescript - TypeScript is JavaScript with syntax for types
- nodemon - Simple monitor script for use during development of a Node.js app
- ts-node-dev - TypeScript execution environment and REPL for node.js
- 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
- json-server - Get a full fake REST API with zero coding in less than 30 seconds (seriously)
- react-redux - The official, opinionated, batteries-included toolset for efficient Redux development
- mongodb - The official MongoDB driver for Node.js.
- vite - Next Generation Frontend Tooling.
- tailwindcss - A utility-first CSS framework.
- react-router-dom - React Router enables "client side routing".
- @reduxjs/toolkit - The Redux Toolkit package is intended to be the standard way to write Redux logic.
- react-redux - React Redux is the official React UI bindings layer for Redux.
TOOLS
ARTICLES
- NVM for Windows – How to Download and Install Node Version Manager in Windows 10
- Pick Function Refactoring & Property Management
- All about Express Error Handling
- Exploring $exists, $type and $size operators
- Exploring the Power of $inc, $max, $min, and $mul Operators of MongoDb
- MongoDB $and Operator
- MongoDB's Update Operators: Mastering $push, $set, and $addToSet for Efficient Data Management
- Unleashing the Power of Querying : Discover MongoDB's $not and $nor Operators
- Boost Your MongoDB Queries: Deep Dive into $in, $nin, and $or Operators
- Permanently removing a file from git history
- Create a JSON server
- What is the difference between fallback false vs true vs blocking of getStaticPaths with and without revalidate in Next.js SSR/ISR?
- 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
- Git - How to Duplicate a Repository with History ( Full duplicate, no fork)
- How to test a local website on your phone
INSPIRATIONS
CONTRIBUTE
Contributions are always welcome!
Please read the contribution guidelines first.
SPECIAL THANKS
- Tauhid Hasan for his typescript-mongoose-eslint-husky-staged boilerplate
- Dipto Karmaker for his suggestion to use BreakTimer
- Mezbaul Abedin Forhan for Pick Function Refactoring & Property Management
- Mezbaul Abedin Forhan for All about Express Error Handling
- Mezbaul Abedin Forhan for MongoDB $and Operator
- Ehtisam Haq for Exploring $exists, $type and $size operators
- Anisur Rahman for Exploring the Power of $inc, $max, $min, and $mul Operators of MongoDb
- Mehedi Anik for MongoDB's Update Operators: Mastering $push, $set, and $addToSet for Efficient Data Management
- Samin Israr Ravi for Unleashing the Power of Querying : Discover MongoDB's $not and $nor Operators
- Tanmoy Parvez for Boost Your MongoDB Queries: Deep Dive into $in, $nin, and $or Operators
- Simba for Permanently removing a file from git history
- Jason Cheung for Git - How to Duplicate a Repository with History ( Full duplicate, no fork)
LICENSE
To the extent possible under law, M♢NTΛSIM has waived all copyright and related or neighboring rights to this work.
|
|
|
|
|
|
|
|
|---|
