It’s possible to implement Natural Language Processing in your JavaScript project without integrating external API by using Cereberum.js.

About Cereberum.js

Cereberum.js is an OpenSource npm package designed to perform advanced Machine Learning operations like Natural Language Processing into your JavaScript project. Mainly NLP is used for making chatbots in the web application. If the web application builds on JavaScript, it would be required to use an external API to implement a chatbot. These API might be costly; we are transferring our data to an external server for processing it could violate the privacy policy. Cerberum.js allows us to process data in your…


Typically, it is impossible to import modules based on the condition. Whenever a page loads, all the imported modules on that particular page also get loaded.

const allowImport = true;
if (allowImport) {
import DynamicComponent from "../components/hello";
}
export default function Home() {
return (
<div>
<DynamicComponent />
</div>
)
}

The above snippet of code will produce some errors while compiling. But with Next.js, it is possible to load modules based on conditions with the help of dynamic import. We have to import the module ‘next/dynamic’ to perform the dynamic import.

import dynamic from 'next/dynamic' const allowImport = true…


Dynamic Routing means we don’t want to specify static routes for the pages; it would be dynamically generated using data from API or other means. Consider you build a portfolio site it might have pages like about, contact, and home page we required to define routes for each page statically. Still, in the case of a blog, there would be a home page, category page, and detailed page for each post; this detailed page cannot be defined with a static router because there could find hundreds of blogs post, and it is not possible to define separate router for each…


With plain React, the HTML to render is produced on the client-side, so search engines must execute the JavaScript code for getting the HTML. Next.js has a pre-rendering feature that the HTML supposed to render is produced on the server-side then sent to the client-side. This pre-rendering feature provides improved SEO for the Next.js application because the search engine will get HTML directly from the server and doesn’t require generating HTML while crawling.

Pre-rendering types

  • Static Generation: HTML is only generating during build time.
  • Server-side Rendering: HTML is generating on each request.

Static Generation


A Beginner’s Guide

Why Next.js

Creating a react app from scratch required installing Webpack, Babel, React, and connecting React components towards DOM. While using Next.js, the command create-next-app do all the configuration automatically and provides us with a production-ready app.

Usually, search engine crawlers fail to extract data from websites built with JavaScript because it takes time to execute the script and get the data. In Next.js, it has a built-in feature for pre-rendering by using both Server Side Rendering(SSR) and Static Generation(SSG). Pre-rendering means HTML needed to render is generated on the server-side and send to the client-side.

The benefits of pre-rendering are better…


Earn passive income by selling art

Photo by Debby Hudson on Unsplash

Introduction

If you are an artist or makes arts as a hobby, this article could guide you on creating passive income by selling your artwork. We are going to cover the following topic :

  • How to make an online store without any cost
  • Marketing your arts on Instagram
  • Selling your crafts using Pinterest

Make an online store.

You might think setting up an online store requires lots of technical knowledge, and maintaining a store will cost you so much. But there is a way we could make an E-commerce site without spending a single dollar. Moreover, you don’t need…


Introducing a JavaScript library for developers who loves to make art.

Art made with JavaScript

Introduction

The JavaScript library p5.js enables coders to make fantastic arts by only coding. The motive of this article is to provide essential information to create art using p5.js. The library allows us to make simple kid’s art to a range of highly elaborate art. The topics I am going to cover in this article are the following.

  • Setting p5.js in the local environment
  • Drawing an ellipse
  • My creative coding art portfolio
  • Resources for making intricate art
  • Benefits of making art by coding

Setting p5.js in the local environment

Initially, create a folder and name it as your wish; inside the folder, create two files, index.html, and…


Build an algorithmic trading bot with your strategy.

Photo by Jamie Street on Unsplash

Introduction

This article’s motive is to give you the vital information for building an algorithmic trading bot with Node.js, and don’t take that information as financial advice. When I did little research on algorithm trading, I found out that it is costly, and only a few brokerages provide these features with high commission. Algorithm trading has incredible benefits like we don’t require to waste our time by analyzing the stock price every day. It could automate our manual analysis with many stocks, so I decided to build a prototype with a simple strategy in a scalable manner.

Architecture


Node.js is capable of doing multithreading with the release of version 13 onwards.

This cover has been designed using resources from Freepik.com

Introduction

Most JavaScript developers believe Node.js is single-threaded, which handles multiple operations by non-blocking asynchronous callback processes and doesn’t support multithreading, but it is not valid anymore. On Node.js version 13, a new module called worker threads is there to implement multithreading.

Even though non-blocking asynchronous callback could handle multiple operations very efficiently, functions requiring massive CPU utilization like encryption block other processes, Node.js’ performance is weak for such a scenario. …


With the help of a static site generator, Gatsby, you could quickly build a portfolio site and deploy it with Netlify.

Introduction

In this digital world, a portfolio gives more exposure than a resume, no matter which domain you are based. It could visualize your service and showcase works in a better way. A portfolio provides a brand of yourself that will help better engage with your client or, as a job seeker, help recruiters understand your skills efficiently.

This article will guide you through all the steps required for setting up a portfolio site. …

Krishnanunny H

Software Developer at Mozanta Technologies

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store