curriculum VS Next.js

The landing page was built using HTML/CSS and some Javascript. How have I been learning this? A mix of AI (Claude, ChatGPT) and learning how to create a site by going through the foundational section of The Odin Project. I will also continue to go through this course and the React portion.

There were frustrations and compromises and victories, but little by little I can see my progress, and I still enjoy the act of overcoming these new challenges and learning more and more. Each day is another little lesson. I look forward to continuing with The Odin Project and the next challenges, but in the meantime I must return to looking for my alternance (apprenticeship) and maybe a small personal project before launching into the next part of the curriculum.

The Odin Project: With its hands-on approach, The Odin Project guids through everything from basic HTML and CSS to full-stack development.

The Odin Project (https://www.theodinproject.com/)

The Odin Project The Odin Project offers a full-stack curriculum for aspiring web developers. With its project-based approach, you'll gain practical experience while learning HTML, CSS, JavaScript, and more.

TheOdinProject

The Odin Project - Free, open-source platform with a curriculum focused on JavaScript and Ruby for web development.

I'll throw in a vote for teaching yourself or using free resources and communities. Even if you go down the bootcamp route it is going to take a lot of self motivation and work outside of the bootcamp / afterwards in order to become job ready. Or at least do this to start with to make sure you like it.

I did this myself a few years years ago over lockdown. I had a lot of down time and worked on teaching myself web development full time 5 days a week for about a year. I was then able to land a job at a FAANG company through an apprenticeship scheme that they offer in the UK (I'm not sure if these kinds of schemes are available in the US) where I stayed for a year and a half and I am now working for a startup in a position I found through connections I made at my previous job. At the time I did have other offers for non-apprenticeship roles at other companies so don't let the absence of apprenticeships put you off if they aren't on offer in the US. The job market was definitely better when I was applying for my first job so the process might be more drawn out now. The main resource I used for self teaching was The Odin Project (https://www.theodinproject.com/). I also did a batch at The Recurse Center (https://www.recurse.com/) which was a great experience in general, especially for getting some hands on time working on projects with other people. I would say be curious, reach out to people who are working on things you find interesting to ask them for a chat and just persevere with the applications as you will definitely get a lot of rejections.

One more thing (might be UK specific as well) but I would check to see if there are any government funded bootcamps you might be able to get a place on. I know multiple people in the UK who got the job center to pay for them to do a bootcamp while they were on universal credit and now work in the industry.

So I have been learning how to code and broadly development since 2020, during the Covid-19 lockdowns, beginning with the classic triple threat of HTML/CSS/JavaScript, adding into the mix a dash of Python and since returning to live in France 2022 have committed to The Odin Project web-development program and happily began my full time formal learning with Ada Tech School in 2023. Now the search for my 12-month-long apprenticeship (Alternance, en français) begins, as well as continuing my self-study and side-projects.

Next.js is a powerful React framework that enables developers to build server-rendered applications, static websites, and more. It's designed for production and provides features like automatic code splitting and optimized prefetching.

// source: https://github.com/vercel/next.js/blob/canary/packages/next/src/lib/worker.ts#L121C15-L129C16 for (;;) { onActivity() const result = await Promise.race(\[ (this.\_worker as any)\[method\](...args), restartPromise, \]) if (result !== RESTARTED) return result if (onRestart) onRestart(method, args, ++attempts) }

https://github.com/vercel/next.js/discussions/27666 One of them said 'renaming folder to uppercase' might cause trouble. git might not recognize case-sensetive changes by default.

Next.js has long cemented itself as one of the front runners in the web framework world for JavaScript/TypeScript projects so we’re going to be using that. More specifically we’re going to be using V14 of Next.js which allows us to use some exciting new features like Server Actions and the App Router.

Web frameworks like Next.js will usually include this feature, but do check that they set the caching headers correctly!

Vite and Next.js are both top 5 modern development framework right now. They are both great depending on your use case so we’ll discuss 4 areas: Architecture, main features, developer experience and production readiness. After learning about these we’ll have a better idea of which one is best for your project.

> It’s important to be aware of what you are getting if you go with React, and what you are getting is a far cry from what a framework would offer, with all the corresponding pros and cons.

Would you like to elaborate on that?

In my experience, with something as great, size/ecosystem-wise as React, there will almost always be at least one "mainstream" package for whatever you might want to do with it, that integrates pretty well. Where a lot of things might come out of the box with a framework, with a library I often find myself just needing to install the "right" package, and from there it's pretty much the same.

For example, using https://angular.io/guide/i18n-overview or installing and using https://react.i18next.com/

Or something like https://angular.io/guide/form-validation out of the box, vs installing and using https://formik.org/

Or perhaps https://angular.io/guide/router vs https://reactrouter.com/en/main

Even adding something that's not there out of the box is pretty much the same, like https://primeng.org/ or https://primereact.org/

React will typically have more fragmentation and therefore also choice, but I don't see those two experiences as that different. Updates and version management/supply chain will inevitably be more of a mess with the library, admittedly.

Now, projects like Next https://nextjs.org/ exist and add what some might regard as the missing pieces and work well if you want something opinionated and with lots of features out of the box, but a lot of those features (like SSR) are actually pretty advanced and not always even necessary.

Next.js: For the website and the admin dashboard

Until the time of writing, there is no official example of how to enable runtime environmental variables in a Dockerized Next.js app, as utilizing unstable_noStore would only dynamically evaluate variables on the server (node.js runtime). There is also an interesting discussion regarding this topic on GitHub.

next.js is a very popular React framework. remix-adonisjs includes more functionality through the AdonisJS backend ecosystem, and should be easier to self-host and self-manage.