dev.to

1. Building a free Open-source portfolio template using HTML, CSS and JS | Part 4
On the 15th of May in 2020 I wrote here about the free open source portfolio template that anyone could use for free.

GitHub Repo Link →

Check out the live demo here →

Since then it has got 395 stars on GitHub and 128 forks.

I have started a video series on YouTube where I'm going to build it from scratch using HTML, CSS and a little bit of JavaScript.

Come join me in the journey here is the link of the video.

https://www.youtube.com/@nisarhassan12 if you find it worthy. Thanks…
#html #css #beginners #webdev

2. Microservices vs Monolithic Architecture: A Practical Approach
📍 Monolithic and Its issues

🙂 When we start learning backend development and implementation, many of us implement all our functionalities in one codebase. Forex. If we want to build the backend of an e-commerce store then we can go with the project with a single index.js file including the functionality of:-

Shopping Orders
Items or Products
Payment
Store
Wallet
Cart

🙋 But is it right to do so? We do have the advantages of the monolithic architecture like easy testing, and easily deployable…
#webdev #tutorial #programming #microservices

3. How to Trace Websocket Events in NestJS - [Case Study]
Cover Photo by Enrico Mantegazza

In NestJS, HTTP requests are traced by req.id parameter. You can write your custom id generator, or use default id generated by NestJS or Express or Fastify. However, there is no such concept of request id, or request tracing when it comes to Websockets / Socket.IO.

Though NestJS allows use of interceptors, filters or guards in Gateways, one feature I've felt missing is request id. Without request id, you can't trace websocket events and that is not very good f…
#nestjs #websocket #socketio #adapter

dev.to

1. Introduction to Tailwind CSS
Introduction

Have you ever heard of Tailwind CSS? It is a utility-first CSS framework that is quickly gaining popularity among front-end developers. In this post, we will discuss what Tailwind is, how it works, and some of the advantages it offers.

What is Tailwind CSS?

Tailwind CSS is a CSS framework that provides a set of CSS classes that you can use to style your HTML elements. Instead of writing custom CSS styles, you can simply apply the appropriate classes to your HTML elements to achi…
#tailwindcss #webdev #javascript #beginners

2. How to learn a web framework (time-efficiently)
Nowadays, learning have become a continuous activity that you should keep doing all the time (You really die once you stop)

However it's important to keep learning, doing that in the wrong way could be very disappointing as, because we are human-beings, we tend quickly lose the enthusiasm if no quick profits are gained.

And like any other subject, learning is a technique which when done correctly, quick gains are guaranteed.

The following topic will list 10 points which will help to do the le…
#webdev #javascript #productivity #nestjs

dev.to

How to handle gRPC errors in NestJS
NestJS has a great way of creating microservices specially when it comes to gRPC! You can easily use gRPC in your NestJS applications without doing extra work.

Error Handling: The Basic Solution

Handling errors correctly in microservices is really important. NestJS provides RpcException for this. Let's take a look at some code:

// user-service/src/find-user.query.ts

export class FindUserQuery implements IQuery {
async execute(params: FindUserQueryParam): Observable<User> {
const user = aw…
#nestjs #node #grpc #microservices

dev.to

How to implement authentication with nestjs using guards in 3 easy steps
Currently many companies has change the perspective to do a application, many frameworks and...
#nestjs #backend #node #javascript

dev.to

Guarding Your Routes in NestJS
Celebrate Pokemon Day by Building Your Own GraphQL Pokedex!
#tutorial #nestjs #webdev #node

dev.to

Como utilizar transactions de forma simples no framework Nest.js
O Nest.js fornece suporte para transações usando a biblioteca TypeORM, que é uma biblioteca ORM...
#transaction #nestjs #typeorm

dev.to

FeathersJS vs NestJS - Compared in 3 Key Areas
Cover photo by Mateusz Wacławek FeathersJS released its 5th major version, a.k.a Dove recently, and...
#feathersjs #nestjs #node #backend

dev.to

Working with Microservices with NestJS
Node.js is one of the best options out there when it comes to building microservices. But on its own,...
#node #nestjs #backend #microservices

dev.to

Automatizando la generación de datos ficticios con Seed, Factory, Faker y TypeORM en NestJS
Introducción En muchas ocasiones necesitamos generar datos ficticios para probar nuestro...
#spanish #nestjs #typeorm #seed

dev.to

SOAP com TypeScript em pleno 2023
Soap soup TL;DR: blablabla tive que fazer um parsing XML e depois descobri que ia...
#soap #typescript #fastify #nestjs

dev.to

ORM, Prisma, and How You Should Build Your Next Backend Database Project
Learn why Prisma is the premier ORM tool for Node.js. With robust support and features like complex querying and seamless migrations, it's a must-have for your next project.
#node #nestjs #database #prisma

dev.to

[Nestia] Boost up your NestJS server much faster and easier (maximum 20,000x faster)
Preface As I've promised in the previous Typia Series Articles (dev.to), I'll introduce...
#typescript #javascript #nestjs #opensource

dev.to

How to A/B Test in Nest.js with ConfigCat and Amplitude
A/B testing answers the question: "Which of these versions will bring me better results, A or B?". It...
#abtesting #featureflags #amplitude #nestjs

dev.to

[Nestia] Make NestJS 30x faster with fastify
Outline nestia and fastify enhances NestJS server performance about 10x to 30x...
#typescript #nestjs #opensource #fastify

dev.to

Fix long import paths in your NestJS project #nestjs
Taming the Import Jungle: Simplifying Long Import Paths in NestJS Introduction As...

dev.to

Discover the magic of custom decorators in NestJS #nestjs
Introduction NestJS, a progressive Node.js framework, offers a rich set of features that make it...

dev.to

Why NestJS stole my developer heart (and it’s not just the cat 🐱🔥). Dive into why I’m choosing structure, scalability, and sanity over pure flexibility. #NestJS #BackendDev #TypeScript #WebDevelopment
🧠 Why I’m Choosing NestJS Over Express for My Next Project ...