Adding sitemap.xml inside next-js website with MongoDB

Post by: Niraj Dhungana

Nov 30, 2021

Adding sitemap.xml inside next-js website with MongoDB

In seo sitemap plays a very important role. And in this post we will see how we can add sitemap.xml inside our next-js website.

Render remote image url inside Next JS Image

Post by: Niraj Dhungana

Nov 29, 2021

Render remote image url inside Next JS Image

Next js has a great component to render image next/image. And in this post we will discuss how we can render images from remote url inside it.

Create copy-to-clipboard button using react-js

Post by: Niraj Dhungana

Nov 29, 2021

Create copy-to-clipboard button using react-js

copy to clipboard is a nice feature to have inside our website. So, this post will explain how we can create that using React js.

Create copy to clipboard button using JavaScript

Post by: Niraj Dhungana

Nov 29, 2021

Create copy to clipboard button using JavaScript

To create copy to clipboard button we have an object called navigator inside windows. This object contains the information about browsers.

Place google ads in the middle of next-mdx-remote

Post by: Niraj Dhungana

Nov 24, 2021

Place google ads in the middle of next-mdx-remote

next-mdx-remote is the best to render markdown inside your Next JS app. Let's see how we can render google ads in the middle of next-mdx-remote.

Place google adsense to your next-js project.

Post by: Niraj Dhungana

Nov 24, 2021

Place google adsense to your next-js project.

Placing google adsense to our next-js app is a little bit of a winding path. For that we can create a different component which will serve google ads.

React JS - insert text in the middle of textarea

Post by: Niraj Dhungana

Nov 23, 2021

React JS - insert text in the middle of textarea

To insert custom text in the middle of textarea inside react js we can use the ref hook and insert or append new custom value inside textarea.

Fetch Related Records From MongoDB using Mongoose

Post by: Niraj Dhungana

Nov 19, 2021

Fetch Related Records From MongoDB using Mongoose

Fetch top 5 related posts using mongodb mongoose and javascript.

Responsive Infinite Carousel / Slider Using React and Tailwind CSS

Post by: Niraj Dhungana

Nov 17, 2021

Responsive Infinite Carousel / Slider Using React and Tailwind CSS

With slider we can incorporate much info in a reduced space. Let's see how we can create an infinite auto-play slider with React and Tailwind CSS.

Free Resources For Next JS Developer to Create Full Stack Blog Website

Post by: Niraj Dhungana

Nov 16, 2021

Free Resources For Next JS Developer to Create Full Stack Blog Website

There is no sweet word then free, let's talk some of the free resources you can use to create your complete fullstack next js projects.

Which to choose – WordPress or custom code for blog website

Post by: Niraj Dhungana

Nov 15, 2021

Which to choose – WordPress or custom code for blog website

If you are ready to be frustrated with errors and want a little happiness after days of hustle, go with a custom website or you can choose wordpress.

How to create and export mongoose models correctly inside Next JS

Post by: Niraj Dhungana

Nov 14, 2021

How to create and export mongoose models correctly inside Next JS

Overwrite Model Error: cannot overwrite `YourModel` model once compiled is the error which you will get if you try to create two models with same..

How to use MongoDB with Mongoose inside Next JS

Post by: Niraj Dhungana

Nov 14, 2021

How to use MongoDB with Mongoose inside Next JS

Connecting to mongodb from next js app using mongoose is slightly a different task then node js and express app, so let's see how we can connect.

React Native Multi Select on Long Press - Touchable Opacity.

Post by: Niraj Dhungana

Nov 13, 2021

React Native Multi Select on Long Press - Touchable Opacity.

Here is a simple way you can use to select or deselect multiple items inside react native. For this we will use TouchableOpacity & onLongPress

How to Create Expirable Record in MongoDB Using Mongoose

Post by: Niraj Dhungana

Nov 13, 2021

How to Create Expirable Record in MongoDB Using Mongoose

In this post we will learn how to setup an environment for bare react-native inside Windows PC so that we can run our project in an Emulator.

How to Compress or Manipulate Images in React Native Expo

Post by: Niraj Dhungana

Nov 13, 2021

How to Compress or Manipulate Images in React Native Expo

In this post we will see the default solution provided by expo react native to compress or manipulate image size like crop, compress, rotate.

How express.json() Works Under The Hood

Post by: Niraj Dhungana

Nov 13, 2021

How express.json() Works Under The Hood

express.json method converts a chunk or buffer data into a plain object so let's see how exactly express.json() does this.

RecyclerListView – React Native Everything You Need to Know

Post by: Niraj Dhungana

Nov 13, 2021

RecyclerListView – React Native Everything You Need to Know

If you want to render big amount of list items inside your React Native applications. Then use RecyclerListView instead normal FlatList or ScrollView

React Native Android Emulator - "could not compile settings file"

Post by: Niraj Dhungana

Nov 12, 2021

React Native Android Emulator - "could not compile settings file"

This solution work for me to solve “could not compile settings file" while trying to run android emulator from react native cli.

React Native Node JS - Error: Multipart: Boundary not found

Post by: Niraj Dhungana

Nov 12, 2021

React Native Node JS - Error: Multipart: Boundary not found

This “Error: Multipart: Boundary not found” is common while working with react native and node js app. I use this solution fix mine.

Here is why your KeyboardAvoidingView isn’t working

Post by: Niraj Dhungana

Nov 12, 2021

Here is why your KeyboardAvoidingView isn’t working

That's fine but if you can use ScrollView to wrap your form or input and I hope it will fix your issue because it solves my everytime.

React Native - How to find out which key is being pressed

Post by: Niraj Dhungana

Nov 12, 2021

React Native - How to find out which key is being pressed

Here is how you can find out inside react native which key is being pressed using onKeyPress prop inside react native text input.

Connect Your Local Development Environment to React Native

Post by: Niraj Dhungana

Nov 11, 2021

Connect Your Local Development Environment to React Native

React Native doesn't support localhost URL's, but as a developer its important for us to connect our local dev environment to react native.

I Made a Full Stack Blog App Using Node JS and React Native

Post by: Niraj Dhungana

Nov 11, 2021

I Made a Full Stack Blog App Using Node JS and React Native

Practice your full stack skills by creating fullstack news application with node js and expo react native.

How to Play, Pause, Resume Audio in React Native Expo

Post by: Niraj Dhungana

Nov 11, 2021

How to Play, Pause, Resume Audio in React Native Expo

Expo provides a great api called expo-av to play, pause and resume our audio. Also by using this api we can fully control our audio file.

How to Read Audio Files From Device in EXPO - React Native

Post by: Niraj Dhungana

Nov 11, 2021

How to Read Audio Files From Device in EXPO - React Native

Let's see how we can read every media files from device inside expo applications using an API called expo-media-library.

Audio Player Using Expo React Native

Post by: Niraj Dhungana

Nov 11, 2021

Audio Player Using Expo React Native

Yes we can create an fully function local audio player app using Expo React Native. But it has it's own drawbacks as well. You can read here.

Expo is Self Sufficient or Should I Go With React Native CLI

Post by: Niraj Dhungana

Nov 11, 2021

Expo is Self Sufficient or Should I Go With React Native CLI

There are two ways to go with react native Expo CLI and React Native CLI. So, let's do the deep comparison which one you show choose.