PLATFORM
  • Tails

    Create websites with TailwindCSS

  • Wave

    Start building the next great SAAS

  • Pines

    Alpine & Tailwind UI Library

  • Auth

    Plug'n Play Authentication for Laravel

  • Designer comingsoon

    Create website designs with AI

  • DevBlog comingsoon

    Blog platform for developers

  • Static

    Build a simple static website

  • SaaS Adventure

    21-day program to build a SAAS

Karthikeyan

@imkarthikeyans

1005 Points 4 Followers

26 Posts

0 Answers

Passionate about tech and lifelong learner

Integrating ESRI Maps into your React App

ESRI maps are widely used in web application development because they provide a comprehensive set of tools for creating and working with maps. React is a popular JavaScript library for build...

My Journey into technology

Hello everyone, I will be sharing with you , my journey towards technology and how I became a developer. Quick intro about me before getting started. ``` { name: "Karthikeyan Shanmu...

How to sign your Github Commits ?

In this blog , we are going to see how we can sign your Github commits and get the verified sign when you commit your code. ![https://cdn.hashnode.com/res/hashnode/image/upload/v16524460107...

Javascript shorts : null and undefined

Hello everyone, In this blog we will be seeing about the javascript’s two famous primitives **null** and **undefined**. ## What is null ? > primitive value that represents the intentional...

How to build a Hacker news clone using Remix, Tailwind css ?

Hello everyone, In this tutorial we will be seeing how to build a simple Hacker news clone using Remix and Tailwind css. **Remix** is a full stack react framework which renders the data on...

Typescript Shorts -Module Augmentation 

Hello everyone, In this blog post, we are going to learn about a concept is typescript which is called `module augmentation`. Don’t freak out seeing the name of the concept. It is just a...

How to build a movie application using Next.js and Appwrite ?

In this tutorial we are going to build a movie application using Next.js , Appwrite, tailwind css, Digital Ocean and deploy it to Vercel. Before going into coding. Let’s see a few details...

Getting Started with Index signatures

In this blog post we will be learning about a concept in typescript - Index signatures. ## What is **Index Signatures :** Index signature is used to represent the type of object/dictionar...

How to send a email using Sendgrid and Node.js

In this blog, We will be seeing how to send a email with Nodejs and Sendgrid mail API. ## Pre-requisites : 1. Node and npm installed on your system ## Generating API Key on Sendgrid: We...

How to add dark mode to a Next.js Project using tailwind ?

In this blog , we will be seeing how to add dark mode to your Next.js project using Tailwind. let’s get started **Stack** 1. Next.js 2. Tailwind css 3. next-themes 4. Typescript Fir...

How to serve an asset through jsdelivr CDN from Github.

Hello Everyone, In this post we are going to see how we can serve ui assets from github via CDN. TLDR; CDN (content delivery network) is basically a network of servers and data centers that...

JavaScript — Call stack , event loop and callback queue

When I started as a beginner in JS, I had some difficulties in figuring out the concepts which I am about to say. I think I have figured it out. Thanks to talk given by **Philip Roberts at...

Integrating Percy and Cypress to your Next.js application.

In this blog post, we will be seeing how to integrate Percy and Cypress to your Next.js application. ## Outline: 1. **Visual Testing** 2. **End to End Testing** 3. **Intro on** **Percy...

How to change the default port number in Next.js application

Hello everyone, In this short blog post , I will be writing about how we can override the default port number in Next.js application. ## Why am I writing this ? Today when I was working...

Resources to practice web development

> Excellence is not an art. It is the habit of practice — Aristotle > Best way to be good at any piece of tech is to practice it. In order to practice the tech , you need challenges , idea...

How to deploy a react application present in a repository to Netlify ?

In this blog post , I will be sharing a problem I faced when trying to deploy a react app which is inside a repository to netlify. ## Problem faced: So I have this repository `skarthikey...

How to add dark mode toggle to Next.js application using Chakra UI

In this short blog post , I will be walking us through how we can add dark mode toggle to Next.js application using chakra ui. Chakra ui is a component library for building front end part...

Quick Guide to Closures In Javascript

In this blog, I will be explaining one of the important features of JS which is `Closures` and why we need them. So let's dive in. ## Closures? Understanding Closure will help in underst...

How to add Dribble social login to your React Application using Auth0

## Outline: ```markdown 1. Introduction. 2. Auth0 Setup. 3. Connecting React with Auth0. 4. Rendering dribble profile. 5. Conclusion. ``` ## Introduction: In this blog post, we will se...

My VS Code setup

In this blog post I will be sharing my VS Code set up i,.e themes and extensions. ![giphy](https://media.giphy.com/media/Ln2dAW9oycjgmTpjX9/giphy.gif) # Themes One-dark-pro: I am curre...

How to execute shell commands in Node js ?

This is a quick tutorial on how to execute `shell / windows` commands within a nodejs application. This can come in handy when you are building a CLI which is trying to install dependencies...