Next.js!

Babilah — Thu, 26 Aug 2021 12:58:09 +0000

Hey Folks! I hope you are doing great.

In this post we will be learning next.js and why you should use it for your next project.

What is next.js?

The react framework for production. Next.js org
Next.js is a framework built on the react library. It helps you create server side rendering and static applications which improves user experience and SEO.

Why Next.js?

Next.js simplifies the process of building a react application. I'll give you 10 reasons why Next.Js should be used for your next project.

Image optimization
Next.js has its own image component which helps in resizing, optimizing and scaling images.
Fast Refresh
Any change or edit you make in your react component is instantly reflected in your browser.
Zero Config
No or little configuration is needed when creating or building your app. Automatic compilation and building.
Authentication
It supports various authentication patterns each designed for different use cases.
Routing
Next.js has a file base routing system. In a typical react app you will need to install a third party library to help with routing in your app but with next.js it is made available for you with no config needed.
API Routes*
You can create API endpoints inside your next.js application.
CSS Support
Next.js by default is styled using CSS modules which saves you the time of choosing a CSS library. You are allowed to use any CSS framework like tailwind CSS or CSS in JS library like styled components.
Server Side Rendering(SSR) and Static Site Generation(SSG)
Pre-renders your pages at build time(SSG) or when the page is requested(SSR).
Code Splitting
Next.js automatically breaks your code to speed up page loading.
TypeScript Support

Websites that use Next.js

Conclusion

All the features above makes next.js an amazing framework to work with. It provides you with the best developer experience.
If you know other features of next.js or websites that use next.js then let me know about them in the comments.
Thanks!

Branching in Git

Babilah — Thu, 19 Aug 2021 13:22:59 +0000

So I have been learning git for some time now and I came across the topic of branches. I have learned so much from this topic, and would like to share with you what I learnt.

What is a Branch.

According to GitHub Glossary a branch is a parallel version of a repository. Branches are primarily used to create new features and once the feature is complete it is merged back into the master. By default git commits to the master branch. Git allows you to create , list, rename and delete branches.

Importance of Branches

It allows you to clean up your futures hosting before merging it into the main branch.
It allows unstable code to be managed before merging into the main code base.

Basic Git Branching commands

git branch

allows you to list all branches in your repository

git branch <branch-name>

allows you to create a new branch

git branch -d <branch-name>

deletes the specific branch also prevents you from deleting this branch if it has unmerged changes and it outputs an error.

git branch -D <branch-name>

deletes branch even if it has unmerged changes and does not out any error warnings.

git branch -m <branch-name>

renames the current branch

git branch -a

list all remote branches

git checkout

for switching between branches.

git merge

used to combine two branches usually a feature branch into a master branch

Conclusion

Branching in git is used to maintain code before they are merged to the master branch.
Branches helps enables to you to list branches, create new branches, delete branches and many more. In this article, you were taught the basis of how to work with branches.

Let me know in the comments if you have any contribution 👇 or just leave a 🦄 and share this post 📣

Thanks for reading🙏

DEV Community: Babilah

Next.js!

What is next.js?

Why Next.js?

Websites that use Next.js

Conclusion

Branching in Git

What is a Branch.

Importance of Branches

Basic Git Branching commands

Conclusion