Update carbon-tutorial to use Next.JS

[tay1orjones]

Problem

The tutorial is currently using react-scripts. This project is no longer the de facto choice for starting a new react app. Create React App (CRA) itself (the bootstrapper for react-scripts) is moving in a different direction. In effect, this dependency is now dead and has not been updated since June of 2022. We're at risk of this project becoming stale and a greater possibility of CVE's impacting stability of the project.

Proposal

When starting a new react project, the docs now clearly define NextJS as a preferred choice. We're also already working to reduce our reliance on react-scripts and CRA elsewhere in the Carbon Design System carbon-design-system/carbon#13637.

Updating the tutorial to NextJS presents us with a great opportunity to provide the community with better getting started resources that are current with modern react app development tooling and practices.

How

@jeremycaine has already started the migration! Thank you! 🙏 🎉

• Updated tutorial code/repo: https://github.com/jeremycaine/carbon-tutorial-next
• Updated website content on his fork on main: https://github.com/jeremycaine/carbon-website

Steps to complete the migration

Beta Give feedback

1. NextJS tutorial: Evaluate the existing WIP tutorial update #10995
   0 of 3
   +0
   
2. NextJS tutorial: Fix and finalize the new migration content and code with @jeremycaine #11036
   role: dev 🤖 +1
   
3. NextJS tutorial: Validate final changes to new repo w/ Jeremy #11060
   role: dev 🤖 +1
   
4. NextJS tutorial: Add mergify and validation steps to the new nextjs tutorial repo, protect main branch, etc. #11061
   6 of 7
   role: dev 🤖 +1
   
5. NextJS tutorial: Update carbon-website with updated tutorial step content #11062
   role: dev 🤖 +1
   
6. NextJS tutorial: Announce changes to the tutorial, include our intent to remove existing v11 tutorial branches and v10 branches
7. Sunset/Remove: React tutorial from website and delete React tutorial repo from carbon-tutorial
8. Write a Medium announcement article for carbon-tutorial-nextjs #11083
   3 of 7
   role: dev 🤖 +1
9. Shoutout Volunteer Slackbot on carbon-react channel
10. Confirm Figma with Lauren artboard / file and update website
11. Add NextJS Repo as a pin to monorepo
12. Chage the icon to pictograms
13. Work with volunteers to capture Next.js bugs and feedback #11082
    +0