This post will describe in detail how we can create a live search field using react js. Where we can select the results with a mouse and keyboard.
Most of the time we need only authenticated people to visit our API routes. So, let's see how we can protect our API using next-auth and middleware
Middleware is a wildly used term in programming. So, let's take a look at what exactly is middlewares.
It just takes a little bit of math to cut your image in perfect size while maintaining the aspect ratio using JavaScript or Typescript.
It is common problem inside the express react app to not get a session token in your react app or inside your front end app.
passport js is the most popular auth middleware out there for node and express apps. Let's see how we can use it to log in with email and password.
It's so easy to render our custom form to login inside the next auth using next js and in this post, we will discuss that same exact thing.
next-mdx-remote is a package we can use to render markdown inside our next js applications. To render youtube inside it we can use a custom component.
Kotlin is the first choise nowadays for android app development. But we really know kotlin we are going to find out in this post.
To get the result that you want you need to have a good understanding of all the options in reanimated withSpring hook. Because they go hand in hand.
We can use Native Modules from android to inside our react native application to add the feature that we want.
In this post we will see how we can solve native module null inside react native.
When it comes to rendering markdown inside react native apps there are lots of packages. But most of them are old & not work latest new react version.
Let's see how we can create a custom modal using react and tailwind css following some simple steps.
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.
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.
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.
To create copy to clipboard button we have an object called navigator inside windows. This object contains the information about browsers.
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.
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.
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 top 5 related posts using mongodb mongoose and javascript.
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.
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.
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.
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..
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.
Here is a simple way you can use to select or deselect multiple items inside react native. For this we will use TouchableOpacity & onLongPress
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.
In this post we will see the default solution provided by expo react native to compress or manipulate image size like crop, compress, rotate.
express.json method converts a chunk or buffer data into a plain object so let's see how exactly express.json() does this.
If you want to render big amount of list items inside your React Native applications. Then use RecyclerListView instead normal FlatList or ScrollView
This solution work for me to solve “could not compile settings file" while trying to run android emulator from react native cli.
This “Error: Multipart: Boundary not found” is common while working with react native and node js app. I use this solution fix mine.
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.
Here is how you can find out inside react native which key is being pressed using onKeyPress prop inside react native text input.
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.
Practice your full stack skills by creating fullstack news application with node js and expo react native.
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.
Let's see how we can read every media files from device inside expo applications using an API called expo-media-library.
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.
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.