Make an OS with ReactJS & Next.js - Project Goals & Setup

Channel:
Subscribers:
13,800
Published on ● Video Link: https://www.youtube.com/watch?v=S-rF5rkhaJ0



Duration: 3:01:44
6,672 views
204


I'll be rebuilding my browser "OS" project over a series of many streams. I plan to make it collaborative and involve the community. For this project I will continue to use React & Next.js written in TypeScript.

This stream will go over the goals and inspirations for this project and then we will get into the initial setup. I plan to setup Next.js, TypeScript, EditorConfig, ESLint, Stylelint, Prettier, SCSS & more if we have time. Next stream will setup Jest, Husky, lint-staged, Styled Components, Storybook & whatever else we can think of to make the codebase more robust.

Chapters:
0:00 Stream Starts
5:35 Introduction
11:33 Inspirations
22:05 My Past Project
27:12 Project Goals
40:55 Git & NPM
56:14 Next.js & React
1:23:55 EditorConfig
1:29:44 SCSS
1:36:45 TypeScript
2:06:06 ESLint
2:36:01 Stylelint
2:42:30 Prettier
2:56:33 Next Stream(s)

Stream Notes:
https://github.com/DustinBrett/daedalOS/tree/main/public/Users/Public/Documents/Stream%20Notes/01-02-21.md

Code Repository:
https://github.com/DustinBrett/daedalOS

Demo:
https://dustinbrett.com

#coding #programming #reactjs







Tags:
next js
react js
nextjs
reactjs
next.js
react.js
react next.js
react jsx
nextjs tutorial
next js tutorial
jsx
react context
react hooks
react components
typescript
javascript
styled components
styled components react
css
os
operating system
eslint
stylelint
jest
prettier
github actions
git hooks
lint-staged
code refactoring
refactoring
git commit
programming projects