Image for post
Image for post
source: vriad.com

“Firebase Hosting provides fast and secure hosting for your web app, static and dynamic content, and microservices.
Firebase Hosting is production-grade web content hosting for developers. With a single command, you can quickly deploy web apps and serve both static and dynamic content to a global CDN (content delivery network).“ — Firebase

Next.js is very awesome react framework to build applications, mostly preferred for its most useful feature, Server Side Rendering. It is very easy to learn and use for the react developers.
Firebase also provides various services like authentication, data storage, firebase functions, real time database, hosting, etc. Among them we will be using the most useful and easy to use service called firebase hosting today, in this article. …


Image for post
Image for post
Source : Auth0

Next.js has been really an incredible framework for the react developers. Most of the react developer loves Next.js because it is one of the most popular react framework to be used for server side rendering, mostly. Next.js also has a very impressive documentation which makes a developer to learn quickly.
Monorepo structure is very famous and useful structure which helps us to store multiple projects in a single repository. …


Image for post
Image for post
src: blog.pusher.com

Next.js is very beautiful and powerful react framework loved by more people day by day because of its amazing features. People often switch to Next.js for Server Side Rendering and for making SEO friendly applications.

Often we get stuck into image rendering problems and problems using svg images while starting with Next.js. …


Image for post
Image for post
Source: pkj.no

Next.js is the powerful react framework that solves different problems like Server Side Rendering, Pre-rendering, SEO, etc. But it always keeps you very close with awesome library — react to develop your application. Next.js is bundled with plenty of built-in classes for better Developer Experience like:

  • Page based routing system (with support to custom routing)
  • Pre-rendering, both static generation and server side rendering
  • Client-side routing with optimized prefetching
  • Built-in CSS and Sass support
  • Development Environment which supports hot module replacement

Next.js has been trusted by the very big companies in the world. If you are from the react background, then you will find almost everything similar to react while using Next.js. Today, in this article, we will be developing a very simple Next.js application with some design and layouts and we will fetch api using pre-rendering. …


Image for post
Image for post
Source: blog.logrocket.com

Go is the hottest programming language in the era we are living in. Go is very simple but offers similar performance to those low level languages like C++. Go is referred to be the fastest programming language that offers very high performance. Gin is one of the incredible framework of Go, which is lightweight and massively fast. The interesting feature of Gin is that it provides custom version of HttpRouter which makes the API routes extremely fast, than that of other Go frameworks. It is claimed to be 40 times faster than another Go framework called Martini and of course, it provides a lot more benefits compared to other frameworks and other programming languages.
Gin is just the microframework which does not provides you a lot of features as of other frameworks. …


Image for post
Image for post
source: namtech.com.au

We are going to deploy the simple static react application without any back ends, today in this session. There are many other ways to deploy application in GCP but the simplest deployment, I guess, is what we are going to perform now. If you want to learn more about GCP and the services they provide, you can consult with the official documentation. So, let’s create a simple react application and deploy it using Google Cloud storage and bucket.

Create React App

First and foremost thing we are creating a brand new react application. We are not going to deploy a very large application, but just with some texts to display. As usual we will create react application with create react app using typescript. …


Learn with a basic example

Image for post
Image for post

Following the Ant Design specification, we developed a React UI library antd that contains a set of high quality components and demos for building rich, interactive user interfaces.

✨ Features

🌈 Enterprise-class UI designed for web applications.

📦 A set of high-quality React components out of the box.

🛡 Written in TypeScript with predictable static types.

⚙️ Whole package of design resources and development tools.

🌍 Internationalization support for dozens of languages.

🎨 Powerful theme customization in every detail.

Source: Ant Design

I have found ANT Design as the smart option to design our web applications using react. It provides us high quality components which we will be observing while developing the project, in the article later on. If you look around to the documentation provided by ANT and observe its demo of different features, you will find ANT as the better option for you application. So we will be developing a simple react application using following ANT Components. …


Demonstrate a simple CRUD operation using React and Node.js

Image for post
Image for post
Source: clarisoft.com

React is a Javascript Library used to build user interfaces. React is very popular in today’s world because it works very quickly since it uses Virtual DOM that makes it faster for very small to very large types of application. …


Image for post
Image for post
Source: freecodecamp.org

An API is an application programming interface. It is a set of rules that allow programs to talk to each other. The developer creates the API on the server and allows the client to talk to it.

REST determines how the API looks like. It stands for “Representational State Transfer”. It is a set of rules that developers follow when they create their API. One of these rules states that you should be able to get a piece of data (called a resource) when you link to a specific URL.

Each URL is called a request while the data sent back to you is called a response. …


Image for post
Image for post
source: nakedsecurity.sophos.com

MongoDB is a general purpose, document-based, distributed database built for modern application developers and for the cloud era. No database makes you more productive.
- mongodb.com

MongoDB has been used by many innovative products and services, such as:

Image for post
Image for post
Top Companies using MongoDB

MongoDB is referred to be the document database, that means it stores data in Json-like documents. It stores data in documents inside collection rather than rows and columns of traditional relational database system. MongoDB is also known for scalable NoSQL database. It is supported by Windows, Linux and Mac OS X.

If you are jumping from relational database to mongodb, you will find some different terminologies. …

About

Sudeep Timalsina

Software Engineer

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