DEV Community

Ramu Narasinga
Ramu Narasinga

Posted on

Next.js Codebase Analysis <> Part 1<> create-next-app

Next.js is MIT licensed open source, popular, recommended React framework. It has 117k stars on Github at the time of writing this article.

We all have used create-next-app but have you ever wondered what happens internally when you execute npx create-next-app?

In this article, I will explain where you can find the create-next-app related code in Vercel/Next.js

Where is create-next-app code?

create-next-app package

When you navigate to Next.js, You will see a lot of files. At first, I thought “So many files, so much code, how am I ever going to understand this?”. Well, we all have been there.

I remember, when I was getting started with programming, I would spend good 2 days to understand code inside a single .js file and I have come a long way now to make attempts to understand large, FOSS stuff. Consistency is the name of the game.

Open /packages/create-next-app in the root folder.

There it is, the mystery behind create-next-app.

Don’t forget to checkout the Readme.md for create-next-app.

Conclusion

As I keep making efforts to learn from open source, I have now chosen next.js to perform codebase analysis and I will keep writing about all my findings.

I am building a platform that explains best practices used in open source by elite programmers. Join the waitlist and I will send you the link to the tutorials once they are ready.

If you have any questions, feel free to reach out to me at ramu.narasinga@gmail.com

Top comments (0)