Have you been asked to start working on a brand new Next.js based web application project? If yes, congratulations, you have a truly cutting edge project on your hands.
Starting a new Next.js project and setting it up takes a few tasks to be done - you need to goto GIT, create your repo, add the right version of tools, libraries and then configure it in your local codebase. And folder structure is something you need to create from scratch...
This usually takes anywhere between 3-4 days. And you have to worry about how best to organize your code structure
What if I told you, you can shrink the setup time to less than 1 hour? And you will get all the best practices ready to download and use.
When your client (or tech lead) sits down to review your code, they will truly love it!
Writing great Next.js code needs just 5 minutes of your time to read the blog and watch the video below.
Shall we start?
First, let's look at what a great Next.js code base looks like...
There are a few aspects which an architect or CTO will look for in our Next.js code base. These are:
A) Do you have the right styling?
To improve reusability, easier to change UI and avoid code-bloat
B) Is your code organized in a good folder structure?
So our code can be modified or added without causing regression
E) How light or heavy are your code packages?
Because performance, bundle size of packages in use, and page load speed is super important…
Minified: This is a version of the file. where all unnecessary characters, such as spaces, new lines, and comments, have been removed without changing its functionality. The process makes the file smaller and thus faster to download.
- Larger Bundle Size (290.4kB) and longer download time
- Heavier file - (Minified+GZipped) - Mutability: moment.js objects are mutable. It can result in changes to the original date object, which can lead to bugs and unexpected behavior in the application.
Revolutionize your Bootstrap5 projects with ChatGPT! Download Bootstrap5, introduce it to ChatGPT, and receive personalized suggestions for optimizing your custom CSS. Enhance efficiency and maintain a high standard of web design by leveraging this powerful AI in your development process.
The Daily Scrum, also known as the Daily Standup, is a short and time-boxed daily meeting in Agile and Scrum methodologies. It typically involves the development team members standing in a circle and providing brief updates on their progress and the main goal is to enhance communication, collaboration, and agility within the team.