{"json":{"__POINT0_QUERY_CLIENT__":{"mutations":[],"queries":[{"dehydratedAt":1792656011152,"queryHash":"[\"point0\",{\"finiteness\":\"finite\",\"input\":\"{\\\"json\\\":{\\\"courseSlug\\\":\\\"fullstack2023\\\",\\\"slug\\\":\\\"prettier\\\"}}\",\"mode\":\"server\",\"name\":\"lesson\",\"output\":\"queryClientDehydratedState\",\"scope\":\"root\",\"tags\":[],\"type\":\"page\"}]","queryKey":["point0",{"finiteness":"finite","input":"{\"json\":{\"courseSlug\":\"fullstack2023\",\"slug\":\"prettier\"}}","mode":"server","name":"lesson","output":"queryClientDehydratedState","scope":"root","tags":[],"type":"page"}],"state":{"data":{"dehydratedState":{"mutations":[],"queries":[{"dehydratedAt":1792656011118,"queryHash":"[\"point0\",{\"finiteness\":\"finite\",\"input\":\"{\\\"json\\\":{}}\",\"mode\":\"server\",\"name\":\"getMe\",\"output\":\"data\",\"scope\":\"root\",\"tags\":[],\"type\":\"query\"}]","queryKey":["point0",{"finiteness":"finite","input":"{\"json\":{}}","mode":"server","name":"getMe","output":"data","scope":"root","tags":[],"type":"query"}],"state":{"data":{"me":null},"dataUpdateCount":1,"dataUpdatedAt":1792656011002,"error":null,"errorUpdateCount":0,"errorUpdatedAt":0,"fetchFailureCount":0,"fetchFailureReason":null,"fetchMeta":null,"fetchStatus":"idle","isInvalidated":false,"status":"success"}},{"dehydratedAt":1792656011118,"queryHash":"[\"point0\",{\"finiteness\":\"finite\",\"input\":\"{\\\"json\\\":{\\\"lang\\\":\\\"en\\\",\\\"slug\\\":\\\"fullstack2023\\\"}}\",\"mode\":\"server\",\"name\":\"courseView\",\"output\":\"data\",\"scope\":\"root\",\"tags\":[],\"type\":\"query\"}]","queryKey":["point0",{"finiteness":"finite","input":"{\"json\":{\"lang\":\"en\",\"slug\":\"fullstack2023\"}}","mode":"server","name":"courseView","output":"data","scope":"root","tags":[],"type":"query"}],"state":{"data":{"course":{"access":"authorized","allowed":false,"canonical":null,"contentHtml":"

Relevance

The course was made over 2023–2024, and the versions of the libraries it uses\nare out of date by now. The approaches themselves will hold for years yet — the\ncourse is still a good guide to the principles of fullstack development.

Meanwhile I am working on a new fullstack course that starts roughly where this\none ends. Its lessons come with a boilerplate that already has the whole project\nconfigured, and the task is to build a SaaS product of your own:\nAn anti-course on building a SaaS with TypeScript, React, Bun, Point0.

Tech stack

React, TypeScript, Vite, Node.js, pnpm, Express, tRPC, PostgreSQL, Prisma,\nFormik, Zod, Jest, Prettier, ESLint, Stylelint, SCSS, Husky, Passport, React\nRouter, Cloudinary, AWS S3, MJML, Brevo, CRON, Winston, Balsamiq, Sentry,\nMixpanel, Cloudflare, Docker, DataDog, Heroku.

Who this course is for

Those who can tell null from an object

I'll teach you a huge number of technologies and how to wire them together. But\nyou need to already know at least something about programming and markup,\nbecause I won't spell out the basics — I teach the advanced parts.

Those who want to enjoy the process of development

The stack and architecture I offer are a real pleasure to work with. Your code\nwill be clear, concise, and easy to maintain. You'll enjoy building your\nproduct.

Those who want to build products end to end

Many developers end up joining products that someone else started long ago and\nsloppily, and are forced to adapt to an existing, awkward architecture and\nstack. You, instead, want to build products entirely on your own, from start to\nfinish.

Project source code

All the code of the educational project is available on GitHub. Get access,\ndownload it, and use it as the foundation for building your own project.

github.com/1gr14/fullstack2023

","description":"The goal is to build a project from scratch by learning and applying the technologies and architecture that give your code quality and scalability, fast development, and genuine enjoyment of the process.","hasMore":true,"index":99,"lang":"en","lessons":[{"completed":false,"description":null,"hasMore":true,"index":1,"lang":"en","links":[],"locked":true,"slug":"rules","snippet":null,"snippetIsHtml":false,"title":"How the course works","video":[{"id":"c4pjCY1E3Zs","provider":"youtube","url":"https://www.youtube.com/watch?v=c4pjCY1E3Zs"}]},{"completed":false,"description":null,"hasMore":true,"index":2,"lang":"en","links":[],"locked":true,"slug":"prototype","snippet":null,"snippetIsHtml":false,"title":"Creating a graphical prototype","video":[{"id":"JjUvfYLBXVw","provider":"youtube","url":"https://www.youtube.com/watch?v=JjUvfYLBXVw"}]},{"completed":false,"description":null,"hasMore":true,"index":3,"lang":"en","links":[],"locked":true,"slug":"backlog","snippet":null,"snippetIsHtml":false,"title":"Building and estimating the project backlog","video":[{"id":"6X5efnjlfqs","provider":"youtube","url":"https://www.youtube.com/watch?v=6X5efnjlfqs"}]},{"completed":false,"description":null,"hasMore":true,"index":4,"lang":"en","links":[],"locked":true,"slug":"installation","snippet":null,"snippetIsHtml":false,"title":"Installing the development software","video":[{"id":"135JWtjoDao","provider":"youtube","url":"https://www.youtube.com/watch?v=135JWtjoDao"}]},{"completed":false,"description":null,"hasMore":true,"index":5,"lang":"en","links":[],"locked":true,"slug":"vscode","snippet":null,"snippetIsHtml":false,"title":"VSCode masterclass","video":[{"id":"KIUWIl9jkkI","provider":"youtube","url":"https://www.youtube.com/watch?v=KIUWIl9jkkI"}]},{"completed":false,"description":null,"hasMore":true,"index":6,"lang":"en","links":[],"locked":true,"slug":"vite","snippet":null,"snippetIsHtml":false,"title":"Creating a React app with Vite","video":[{"id":"WWDY_jxTKgU","provider":"youtube","url":"https://www.youtube.com/watch?v=WWDY_jxTKgU"}]},{"completed":false,"description":null,"hasMore":true,"index":7,"lang":"en","links":[],"locked":true,"slug":"git","snippet":null,"snippetIsHtml":false,"title":"Getting to know Git and GitHub","video":[{"id":"HaK77OMbLq4","provider":"youtube","url":"https://www.youtube.com/watch?v=HaK77OMbLq4"}]},{"completed":false,"description":null,"hasMore":true,"index":8,"lang":"en","links":[],"locked":true,"slug":"html","snippet":null,"snippetIsHtml":false,"title":"HTML tags","video":[{"id":"UHTbzZWV9L4","provider":"youtube","url":"https://www.youtube.com/watch?v=UHTbzZWV9L4"}]},{"completed":false,"description":null,"hasMore":true,"index":9,"lang":"en","links":[],"locked":true,"slug":"react-javascript","snippet":null,"snippetIsHtml":false,"title":"React and JavaScript","video":[{"id":"LW91kYgZm4s","provider":"youtube","url":"https://www.youtube.com/watch?v=LW91kYgZm4s"}]},{"completed":false,"description":null,"hasMore":true,"index":10,"lang":"en","links":[],"locked":true,"slug":"prettier","snippet":null,"snippetIsHtml":false,"title":"Automatic code formatting with Prettier","video":[{"id":"FN30irxh8Ao","provider":"youtube","url":"https://www.youtube.com/watch?v=FN30irxh8Ao"}]},{"completed":false,"description":null,"hasMore":true,"index":11,"lang":"en","links":[],"locked":true,"slug":"typescript-init","snippet":null,"snippetIsHtml":false,"title":"Creating a Node.js app in TypeScript","video":[{"id":"66168DDDB1M","provider":"youtube","url":"https://www.youtube.com/watch?v=66168DDDB1M"}]},{"completed":false,"description":null,"hasMore":true,"index":12,"lang":"en","links":[],"locked":true,"slug":"express-init","snippet":null,"snippetIsHtml":false,"title":"Creating an Express app","video":[{"id":"gPWIvHOjPpQ","provider":"youtube","url":"https://www.youtube.com/watch?v=gPWIvHOjPpQ"}]},{"completed":false,"description":null,"hasMore":true,"index":13,"lang":"en","links":[],"locked":true,"slug":"express-json","snippet":null,"snippetIsHtml":false,"title":"Creating an endpoint that returns JSON","video":[{"id":"rTyV0xRsP24","provider":"youtube","url":"https://www.youtube.com/watch?v=rTyV0xRsP24"}]},{"completed":false,"description":null,"hasMore":true,"index":14,"lang":"en","links":[],"locked":true,"slug":"trpc-backend","snippet":null,"snippetIsHtml":false,"title":"Adding tRPC to the backend","video":[{"id":"WLPKgKDrSzE","provider":"youtube","url":"https://www.youtube.com/watch?v=WLPKgKDrSzE"}]},{"completed":false,"description":null,"hasMore":true,"index":15,"lang":"en","links":[],"locked":true,"slug":"trpc-webapp","snippet":null,"snippetIsHtml":false,"title":"Adding tRPC to the frontend","video":[{"id":"-hMXGEkscJE","provider":"youtube","url":"https://www.youtube.com/watch?v=-hMXGEkscJE"}]},{"completed":false,"description":null,"hasMore":true,"index":16,"lang":"en","links":[],"locked":true,"slug":"type-checking","snippet":null,"snippetIsHtml":false,"title":"Type checking","video":[{"id":"ak0nMSl9kd8","provider":"youtube","url":"https://www.youtube.com/watch?v=ak0nMSl9kd8"}]},{"completed":false,"description":null,"hasMore":true,"index":17,"lang":"en","links":[],"locked":true,"slug":"monorepo-scripts","snippet":null,"snippetIsHtml":false,"title":"Creating scripts for the monorepo","video":[{"id":"9Snd8n2Un5E","provider":"youtube","url":"https://www.youtube.com/watch?v=9Snd8n2Un5E"}]},{"completed":false,"description":null,"hasMore":true,"index":18,"lang":"en","links":[],"locked":true,"slug":"eslint","snippet":null,"snippetIsHtml":false,"title":"Standardizing TypeScript code style with ESLint","video":[{"id":"9GIRnVDrytM","provider":"youtube","url":"https://www.youtube.com/watch?v=9GIRnVDrytM"}]},{"completed":false,"description":null,"hasMore":true,"index":19,"lang":"en","links":[],"locked":true,"slug":"husky-lint-staged","snippet":null,"snippetIsHtml":false,"title":"Running Prettier, ESLint, and type checking automatically on commit","video":[{"id":"gx34zsStRKA","provider":"youtube","url":"https://www.youtube.com/watch?v=gx34zsStRKA"}]},{"completed":false,"description":null,"hasMore":true,"index":20,"lang":"en","links":[],"locked":true,"slug":"husky-commit-msg","snippet":null,"snippetIsHtml":false,"title":"Standardizing the style of Git commit messages","video":[{"id":"SF1-8-BwpBo","provider":"youtube","url":"https://www.youtube.com/watch?v=SF1-8-BwpBo"}]},{"completed":false,"description":null,"hasMore":true,"index":21,"lang":"en","links":[],"locked":true,"slug":"react-router-init","snippet":null,"snippetIsHtml":false,"title":"Adding React Router","video":[{"id":"i_z0IEIFOAo","provider":"youtube","url":"https://www.youtube.com/watch?v=i_z0IEIFOAo"}]},{"completed":false,"description":null,"hasMore":true,"index":22,"lang":"en","links":[],"locked":true,"slug":"react-router-types","snippet":null,"snippetIsHtml":false,"title":"Improving React Router's typing","video":[{"id":"J1Wbx8WO238","provider":"youtube","url":"https://www.youtube.com/watch?v=J1Wbx8WO238"}]},{"completed":false,"description":null,"hasMore":true,"index":23,"lang":"en","links":[],"locked":true,"slug":"lodash","snippet":null,"snippetIsHtml":false,"title":"Getting to know Lodash, generating fake content","video":[{"id":"y9m8alkN9TU","provider":"youtube","url":"https://www.youtube.com/watch?v=y9m8alkN9TU"}]},{"completed":false,"description":null,"hasMore":true,"index":24,"lang":"en","links":[],"locked":true,"slug":"trpc-query-zod","snippet":null,"snippetIsHtml":false,"title":"Getting to know Zod, creating a tRPC procedure with input parameters","video":[{"id":"cgCzs4lADag","provider":"youtube","url":"https://www.youtube.com/watch?v=cgCzs4lADag"}]},{"completed":false,"description":null,"hasMore":true,"index":25,"lang":"en","links":[],"locked":true,"slug":"layout","snippet":null,"snippetIsHtml":false,"title":"Creating a Layout component shared across all pages","video":[{"id":"oJkRQadrKkk","provider":"youtube","url":"https://www.youtube.com/watch?v=oJkRQadrKkk"}]},{"completed":false,"description":null,"hasMore":true,"index":26,"lang":"en","links":[],"locked":true,"slug":"scss","snippet":null,"snippetIsHtml":false,"title":"Adding CSS styles using SCSS","video":[{"id":"FGXV4wyYGLI","provider":"youtube","url":"https://www.youtube.com/watch?v=FGXV4wyYGLI"}]},{"completed":false,"description":null,"hasMore":true,"index":27,"lang":"en","links":[],"locked":true,"slug":"new-page","snippet":null,"snippetIsHtml":false,"title":"Creating another web app page","video":[{"id":"tlJrf8za8i4","provider":"youtube","url":"https://www.youtube.com/watch?v=tlJrf8za8i4"}]},{"completed":false,"description":null,"hasMore":true,"index":28,"lang":"en","links":[],"locked":true,"slug":"reusable-components","snippet":null,"snippetIsHtml":false,"title":"Creating reusable components","video":[{"id":"7fxWjHHeZrE","provider":"youtube","url":"https://www.youtube.com/watch?v=7fxWjHHeZrE"}]},{"completed":false,"description":null,"hasMore":true,"index":29,"lang":"en","links":[],"locked":true,"slug":"stylelint","snippet":null,"snippetIsHtml":false,"title":"Standardizing SCSS file style with Stylelint","video":[{"id":"qklm_EXVktI","provider":"youtube","url":"https://www.youtube.com/watch?v=qklm_EXVktI"}]},{"completed":false,"description":null,"hasMore":true,"index":30,"lang":"en","links":[],"locked":true,"slug":"stylecheck","snippet":null,"snippetIsHtml":false,"title":"Checking SCSS file validity","video":[{"id":"NB1mAjcFBGU","provider":"youtube","url":"https://www.youtube.com/watch?v=NB1mAjcFBGU"}]},{"completed":false,"description":null,"hasMore":true,"index":31,"lang":"en","links":[],"locked":true,"slug":"form-init","snippet":null,"snippetIsHtml":false,"title":"Form: the basics","video":[{"id":"HdktLH2mBa8","provider":"youtube","url":"https://www.youtube.com/watch?v=HdktLH2mBa8"}]},{"completed":false,"description":null,"hasMore":true,"index":32,"lang":"en","links":[],"locked":true,"slug":"form-fileds","snippet":null,"snippetIsHtml":false,"title":"Form: input components","video":[{"id":"1h75gJIMOAY","provider":"youtube","url":"https://www.youtube.com/watch?v=1h75gJIMOAY"}]},{"completed":false,"description":null,"hasMore":true,"index":33,"lang":"en","links":[],"locked":true,"slug":"form-formik","snippet":null,"snippetIsHtml":false,"title":"Form: Formik","video":[{"id":"WJxhkKSm6Xg","provider":"youtube","url":"https://www.youtube.com/watch?v=WJxhkKSm6Xg"}]},{"completed":false,"description":null,"hasMore":true,"index":34,"lang":"en","links":[],"locked":true,"slug":"form-validation","snippet":null,"snippetIsHtml":false,"title":"Form: validation","video":[{"id":"kTeGOjOu9xI","provider":"youtube","url":"https://www.youtube.com/watch?v=kTeGOjOu9xI"}]},{"completed":false,"description":null,"hasMore":true,"index":35,"lang":"en","links":[],"locked":true,"slug":"form-touched","snippet":null,"snippetIsHtml":false,"title":"Form: caring about UX","video":[{"id":"eosEwJz2Fws","provider":"youtube","url":"https://www.youtube.com/watch?v=eosEwJz2Fws"}]},{"completed":false,"description":null,"hasMore":true,"index":36,"lang":"en","links":[],"locked":true,"slug":"form-zod","snippet":null,"snippetIsHtml":false,"title":"Form: Zod validation","video":[{"id":"UeYHUHVg70k","provider":"youtube","url":"https://www.youtube.com/watch?v=UeYHUHVg70k"}]},{"completed":false,"description":null,"hasMore":true,"index":37,"lang":"en","links":[],"locked":true,"slug":"trpc-split","snippet":null,"snippetIsHtml":false,"title":"Splitting the tRPC backend into separate files","video":[{"id":"YCygP0xCnKs","provider":"youtube","url":"https://www.youtube.com/watch?v=YCygP0xCnKs"}]},{"completed":false,"description":null,"hasMore":true,"index":38,"lang":"en","links":[],"locked":true,"slug":"generate-index","snippet":null,"snippetIsHtml":false,"title":"Automatically generating an index file","video":[{"id":"W6CBcC-hICo","provider":"youtube","url":"https://www.youtube.com/watch?v=W6CBcC-hICo"}]},{"completed":false,"description":null,"hasMore":true,"index":39,"lang":"en","links":[],"locked":true,"slug":"trpc-mutation","snippet":null,"snippetIsHtml":false,"title":"Adding a tRPC mutation","video":[{"id":"cvyHSQ8DRkw","provider":"youtube","url":"https://www.youtube.com/watch?v=cvyHSQ8DRkw"}]},{"completed":false,"description":null,"hasMore":true,"index":40,"lang":"en","links":[],"locked":true,"slug":"shared-validation","snippet":null,"snippetIsHtml":false,"title":"Reusing the backend validation logic on the frontend","video":[{"id":"UV7p4MjgP3c","provider":"youtube","url":"https://www.youtube.com/watch?v=UV7p4MjgP3c"}]},{"completed":false,"description":null,"hasMore":true,"index":41,"lang":"en","links":[],"locked":true,"slug":"restrict-imports","snippet":null,"snippetIsHtml":false,"title":"Restricting imports of backend code into the frontend","video":[{"id":"X57sGOLXgMQ","provider":"youtube","url":"https://www.youtube.com/watch?v=X57sGOLXgMQ"}]},{"completed":false,"description":null,"hasMore":true,"index":42,"lang":"en","links":[],"locked":true,"slug":"form-loading","snippet":null,"snippetIsHtml":false,"title":"Form: loading","video":[{"id":"XwYkmrQ295g","provider":"youtube","url":"https://www.youtube.com/watch?v=XwYkmrQ295g"}]},{"completed":false,"description":null,"hasMore":true,"index":43,"lang":"en","links":[],"locked":true,"slug":"form-success-reset","snippet":null,"snippetIsHtml":false,"title":"Form: success","video":[{"id":"wureA5bLjlY","provider":"youtube","url":"https://www.youtube.com/watch?v=wureA5bLjlY"}]},{"completed":false,"description":null,"hasMore":true,"index":44,"lang":"en","links":[],"locked":true,"slug":"form-error","snippet":null,"snippetIsHtml":false,"title":"Form: error","video":[{"id":"Il0axDdeah8","provider":"youtube","url":"https://www.youtube.com/watch?v=Il0axDdeah8"}]},{"completed":false,"description":null,"hasMore":true,"index":45,"lang":"en","links":[],"locked":true,"slug":"styles-input","snippet":null,"snippetIsHtml":false,"title":"Styles: Input","video":[{"id":"q6Nry71ATVk","provider":"youtube","url":"https://www.youtube.com/watch?v=q6Nry71ATVk"}]},{"completed":false,"description":null,"hasMore":true,"index":46,"lang":"en","links":[],"locked":true,"slug":"styles-textarea","snippet":null,"snippetIsHtml":false,"title":"Styles: Textarea","video":[{"id":"hgO3SeGvpgQ","provider":"youtube","url":"https://www.youtube.com/watch?v=hgO3SeGvpgQ"}]},{"completed":false,"description":null,"hasMore":true,"index":47,"lang":"en","links":[],"locked":true,"slug":"components-alert","snippet":null,"snippetIsHtml":false,"title":"Components: Alert","video":[{"id":"pIuGWDvAkDE","provider":"youtube","url":"https://www.youtube.com/watch?v=pIuGWDvAkDE"}]},{"completed":false,"description":null,"hasMore":true,"index":48,"lang":"en","links":[],"locked":true,"slug":"components-button","snippet":null,"snippetIsHtml":false,"title":"Components: Button","video":[{"id":"mw7urYDWWMg","provider":"youtube","url":"https://www.youtube.com/watch?v=mw7urYDWWMg"}]},{"completed":false,"description":null,"hasMore":true,"index":49,"lang":"en","links":[],"locked":true,"slug":"alert","snippet":null,"snippetIsHtml":false,"title":"Components: FormItems","video":[{"id":"wtehFMoO2t8","provider":"youtube","url":"https://www.youtube.com/watch?v=wtehFMoO2t8"}]},{"completed":false,"description":null,"hasMore":true,"index":50,"lang":"en","links":[],"locked":true,"slug":"postgresql-init","snippet":null,"snippetIsHtml":false,"title":"Spinning up a PostgreSQL database","video":[{"id":"V-AQNNJ1PjY","provider":"youtube","url":"https://www.youtube.com/watch?v=V-AQNNJ1PjY"}]},{"completed":false,"description":null,"hasMore":true,"index":51,"lang":"en","links":[],"locked":true,"slug":"prisma","snippet":null,"snippetIsHtml":false,"title":"Prisma: connecting to the database (DB)","video":[{"id":"-TBgoWEt1JI","provider":"youtube","url":"https://www.youtube.com/watch?v=-TBgoWEt1JI"}]},{"completed":false,"description":null,"hasMore":true,"index":52,"lang":"en","links":[],"locked":true,"slug":"trpc-context-prisma-find-many","snippet":null,"snippetIsHtml":false,"title":"Passing the Prisma client into the tRPC context","video":[{"id":"wIZs-wczqr0","provider":"youtube","url":"https://www.youtube.com/watch?v=wIZs-wczqr0"}]},{"completed":false,"description":null,"hasMore":true,"index":53,"lang":"en","links":[],"locked":true,"slug":"prisma-find-unique","snippet":null,"snippetIsHtml":false,"title":"Prisma: searching database records with the Prisma client","video":[{"id":"rQlEw74_JOw","provider":"youtube","url":"https://www.youtube.com/watch?v=rQlEw74_JOw"}]},{"completed":false,"description":null,"hasMore":true,"index":54,"lang":"en","links":[],"locked":true,"slug":"prisma-create","snippet":null,"snippetIsHtml":false,"title":"Prisma: creating database records","video":[{"id":"HUfOOMs7hek","provider":"youtube","url":"https://www.youtube.com/watch?v=HUfOOMs7hek"}]},{"completed":false,"description":null,"hasMore":true,"index":55,"lang":"en","links":[],"locked":true,"slug":"prisma-migrate","snippet":null,"snippetIsHtml":false,"title":"Prisma: adding new fields to an existing table","video":[{"id":"pA60IfV9E8c","provider":"youtube","url":"https://www.youtube.com/watch?v=pA60IfV9E8c"}]},{"completed":false,"description":null,"hasMore":true,"index":56,"lang":"en","links":[],"locked":true,"slug":"trpc-superjson","snippet":null,"snippetIsHtml":false,"title":"Using superjson to receive dates from the backend","video":[{"id":"l6Ps0IohNUk","provider":"youtube","url":"https://www.youtube.com/watch?v=l6Ps0IohNUk"}]},{"completed":false,"description":null,"hasMore":true,"index":57,"lang":"en","links":[],"locked":true,"slug":"auth-sign-up-backend","snippet":null,"snippetIsHtml":false,"title":"Auth: user model + sign-up endpoint","video":[{"id":"jjlfoT6dp7I","provider":"youtube","url":"https://www.youtube.com/watch?v=jjlfoT6dp7I"}]},{"completed":false,"description":null,"hasMore":true,"index":58,"lang":"en","links":[],"locked":true,"slug":"trpc-playground","snippet":null,"snippetIsHtml":false,"title":"Using a tool for manually calling tRPC endpoints","video":[{"id":"mSa2rYSDQx8","provider":"youtube","url":"https://www.youtube.com/watch?v=mSa2rYSDQx8"}]},{"completed":false,"description":null,"hasMore":true,"index":59,"lang":"en","links":[],"locked":true,"slug":"dbeaver","snippet":null,"snippetIsHtml":false,"title":"PostgreSQL: a GUI for working with the database","video":[{"id":"rmowXAm8YUU","provider":"youtube","url":"https://www.youtube.com/watch?v=rmowXAm8YUU"}]},{"completed":false,"description":null,"hasMore":true,"index":60,"lang":"en","links":[],"locked":true,"slug":"auth-sign-up-webapp","snippet":null,"snippetIsHtml":false,"title":"Auth: sign-up page","video":[{"id":"iFeW0IRJ2_c","provider":"youtube","url":"https://www.youtube.com/watch?v=iFeW0IRJ2_c"}]},{"completed":false,"description":null,"hasMore":true,"index":61,"lang":"en","links":[],"locked":true,"slug":"auth-sign-in-backend","snippet":null,"snippetIsHtml":false,"title":"Auth: sign-in endpoint","video":[{"id":"oA99rE_6rKY","provider":"youtube","url":"https://www.youtube.com/watch?v=oA99rE_6rKY"}]},{"completed":false,"description":null,"hasMore":true,"index":62,"lang":"en","links":[],"locked":true,"slug":"auth-sign-in-webapp","snippet":null,"snippetIsHtml":false,"title":"Auth: sign-in page","video":[{"id":"5khjegHV3Bk","provider":"youtube","url":"https://www.youtube.com/watch?v=5khjegHV3Bk"}]},{"completed":false,"description":null,"hasMore":true,"index":63,"lang":"en","links":[],"locked":true,"slug":"auth-as-is","snippet":null,"snippetIsHtml":false,"title":"Authentication proper","video":[{"id":"5am1ZRQQDgA","provider":"youtube","url":"https://www.youtube.com/watch?v=5am1ZRQQDgA"}]},{"completed":false,"description":null,"hasMore":true,"index":64,"lang":"en","links":[],"locked":true,"slug":"env-backend","snippet":null,"snippetIsHtml":false,"title":"Environment Variables: backend","video":[{"id":"31L904wA3-E","provider":"youtube","url":"https://www.youtube.com/watch?v=31L904wA3-E"}]},{"completed":false,"description":null,"hasMore":true,"index":65,"lang":"en","links":[],"locked":true,"slug":"env-webapp","snippet":null,"snippetIsHtml":false,"title":"Environment Variables: webapp","video":[{"id":"grLhRo1hYxw","provider":"youtube","url":"https://www.youtube.com/watch?v=grLhRo1hYxw"}]},{"completed":false,"description":null,"hasMore":true,"index":66,"lang":"en","links":[],"locked":true,"slug":"auth-salt","snippet":null,"snippetIsHtml":false,"title":"Auth: salt","video":[{"id":"sAY52984i4Y","provider":"youtube","url":"https://www.youtube.com/watch?v=sAY52984i4Y"}]},{"completed":false,"description":null,"hasMore":true,"index":67,"lang":"en","links":[],"locked":true,"slug":"auth-token","snippet":null,"snippetIsHtml":false,"title":"Auth: token validation","video":[{"id":"DX5mMCdy1jA","provider":"youtube","url":"https://www.youtube.com/watch?v=DX5mMCdy1jA"}]},{"completed":false,"description":null,"hasMore":true,"index":68,"lang":"en","links":[],"locked":true,"slug":"prisma-relations","snippet":null,"snippetIsHtml":false,"title":"Prisma: related entities","video":[{"id":"7zR32a6DKR8","provider":"youtube","url":"https://www.youtube.com/watch?v=7zR32a6DKR8"}]},{"completed":false,"description":null,"hasMore":true,"index":69,"lang":"en","links":[],"locked":true,"slug":"crud-update","snippet":null,"snippetIsHtml":false,"title":"CRUD: Editing entities","video":[{"id":"8TVgVyP6RSI","provider":"youtube","url":"https://www.youtube.com/watch?v=8TVgVyP6RSI"}]},{"completed":false,"description":null,"hasMore":true,"index":70,"lang":"en","links":[],"locked":true,"slug":"use-form","snippet":null,"snippetIsHtml":false,"title":"Form: creating your own wrapper","video":[{"id":"oDxzAgtF1oM","provider":"youtube","url":"https://www.youtube.com/watch?v=oDxzAgtF1oM"}]},{"completed":false,"description":null,"hasMore":true,"index":71,"lang":"en","links":[],"locked":true,"slug":"webapp-context","snippet":null,"snippetIsHtml":false,"title":"Creating the client app context","video":[{"id":"BNxotYbWcUc","provider":"youtube","url":"https://www.youtube.com/watch?v=BNxotYbWcUc"}]},{"completed":false,"description":null,"hasMore":true,"index":72,"lang":"en","links":[],"locked":true,"slug":"page-wrapper-init","snippet":null,"snippetIsHtml":false,"title":"Creating a wrapper for repeated web app page logic","video":[{"id":"sE06sWmVJeg","provider":"youtube","url":"https://www.youtube.com/watch?v=sE06sWmVJeg"}]},{"completed":false,"description":null,"hasMore":true,"index":73,"lang":"en","links":[],"locked":true,"slug":"page-wrapper-better-types","snippet":null,"snippetIsHtml":false,"title":"Improving the page wrapper's typing","video":[{"id":"Dqyau-_00AE","provider":"youtube","url":"https://www.youtube.com/watch?v=Dqyau-_00AE"}]},{"completed":false,"description":null,"hasMore":true,"index":74,"lang":"en","links":[],"locked":true,"slug":"not-found","snippet":null,"snippetIsHtml":false,"title":"Adding a 404 page","video":[{"id":"od84sKg-Aw4","provider":"youtube","url":"https://www.youtube.com/watch?v=od84sKg-Aw4"}]},{"completed":false,"description":null,"hasMore":true,"index":75,"lang":"en","links":[],"locked":true,"slug":"restructure","snippet":null,"snippetIsHtml":false,"title":"Organizing files into folders as the codebase grows","video":[{"id":"0p-YVkfynzo","provider":"youtube","url":"https://www.youtube.com/watch?v=0p-YVkfynzo"}]},{"completed":false,"description":null,"hasMore":true,"index":76,"lang":"en","links":[],"locked":true,"slug":"profile-update","snippet":null,"snippetIsHtml":false,"title":"Editing the user profile","video":[{"id":"0-_0BnwjmAU","provider":"youtube","url":"https://www.youtube.com/watch?v=0-_0BnwjmAU"}]},{"completed":false,"description":null,"hasMore":true,"index":77,"lang":"en","links":[],"locked":true,"slug":"page-wrapper-better-types-1","snippet":null,"snippetIsHtml":false,"title":"Another improvement to the page wrapper's typing","video":[{"id":"w69Mxd5vB6U","provider":"youtube","url":"https://www.youtube.com/watch?v=w69Mxd5vB6U"}]},{"completed":false,"description":null,"hasMore":true,"index":78,"lang":"en","links":[],"locked":true,"slug":"password-update","snippet":null,"snippetIsHtml":false,"title":"Changing the password","video":[{"id":"er1X-70d-k0","provider":"youtube","url":"https://www.youtube.com/watch?v=er1X-70d-k0"}]},{"completed":false,"description":null,"hasMore":true,"index":79,"lang":"en","links":[],"locked":true,"slug":"infinite-query-backend","snippet":null,"snippetIsHtml":false,"title":"Infinite data loading on button click","video":[{"id":"susCNA-LyoE","provider":"youtube","url":"https://www.youtube.com/watch?v=susCNA-LyoE"}]},{"completed":false,"description":null,"hasMore":true,"index":80,"lang":"en","links":[],"locked":true,"slug":"infinite-query-webapp","snippet":null,"snippetIsHtml":false,"title":"Infinite data loading on scroll","video":[{"id":"GWX4Ebhd-es","provider":"youtube","url":"https://www.youtube.com/watch?v=GWX4Ebhd-es"}]},{"completed":false,"description":null,"hasMore":true,"index":81,"lang":"en","links":[],"locked":true,"slug":"loader","snippet":null,"snippetIsHtml":false,"title":"Making loading look nice","video":[{"id":"9jg4sMr3wac","provider":"youtube","url":"https://www.youtube.com/watch?v=9jg4sMr3wac"}]},{"completed":false,"description":null,"hasMore":true,"index":82,"lang":"en","links":[],"locked":true,"slug":"likes","snippet":null,"snippetIsHtml":false,"title":"More complex entity relations in the database, optimistic responses on the client","video":[{"id":"Clj6bIWRc54","provider":"youtube","url":"https://www.youtube.com/watch?v=Clj6bIWRc54"}]},{"completed":false,"description":null,"hasMore":true,"index":83,"lang":"en","links":[],"locked":true,"slug":"search","snippet":null,"snippetIsHtml":false,"title":"Database search functionality, automatic form submission","video":[{"id":"vwJOrwxK3FU","provider":"youtube","url":"https://www.youtube.com/watch?v=vwJOrwxK3FU"}]},{"completed":false,"description":null,"hasMore":true,"index":84,"lang":"en","links":[],"locked":true,"slug":"permissions","snippet":null,"snippetIsHtml":false,"title":"User permissions","video":[{"id":"XtcRqUSz47k","provider":"youtube","url":"https://www.youtube.com/watch?v=XtcRqUSz47k"}]},{"completed":false,"description":null,"hasMore":true,"index":85,"lang":"en","links":[],"locked":true,"slug":"title","snippet":null,"snippetIsHtml":false,"title":"Setting the HTML title on web app pages","video":[{"id":"4AgEJf3sJmw","provider":"youtube","url":"https://www.youtube.com/watch?v=4AgEJf3sJmw"}]},{"completed":false,"description":null,"hasMore":true,"index":86,"lang":"en","links":[],"locked":true,"slug":"favicon","snippet":null,"snippetIsHtml":false,"title":"Adding a favicon","video":[{"id":"4SgRMKYTGio","provider":"youtube","url":"https://www.youtube.com/watch?v=4SgRMKYTGio"}]},{"completed":false,"description":null,"hasMore":true,"index":87,"lang":"en","links":[],"locked":true,"slug":"icon","snippet":null,"snippetIsHtml":false,"title":"Adding icons","video":[{"id":"4CrDUH53RUI","provider":"youtube","url":"https://www.youtube.com/watch?v=4CrDUH53RUI"}]},{"completed":false,"description":null,"hasMore":true,"index":88,"lang":"en","links":[],"locked":true,"slug":"images-load","snippet":null,"snippetIsHtml":false,"title":"Adding loaded images","video":[{"id":"Kam1VPple84","provider":"youtube","url":"https://www.youtube.com/watch?v=Kam1VPple84"}]},{"completed":false,"description":null,"hasMore":true,"index":89,"lang":"en","links":[],"locked":true,"slug":"images-bundle","snippet":null,"snippetIsHtml":false,"title":"Adding inline images","video":[{"id":"PyBLsmlHHWo","provider":"youtube","url":"https://www.youtube.com/watch?v=PyBLsmlHHWo"}]},{"completed":false,"description":null,"hasMore":true,"index":90,"lang":"en","links":[],"locked":true,"slug":"custom-migration","snippet":null,"snippetIsHtml":false,"title":"Prisma: custom migrations","video":[{"id":"m5eExDTDAzA","provider":"youtube","url":"https://www.youtube.com/watch?v=m5eExDTDAzA"}]},{"completed":false,"description":null,"hasMore":true,"index":91,"lang":"en","links":[],"locked":true,"slug":"email-mjml","snippet":null,"snippetIsHtml":false,"title":"Email: creating templates with MJML","video":[{"id":"pAgPNk_V_tg","provider":"youtube","url":"https://www.youtube.com/watch?v=pAgPNk_V_tg"}]},{"completed":false,"description":null,"hasMore":true,"index":92,"lang":"en","links":[],"locked":true,"slug":"email-fn","snippet":null,"snippetIsHtml":false,"title":"Email: creating and adding functions where sending is needed","video":[{"id":"9g7a8-kWyCs","provider":"youtube","url":"https://www.youtube.com/watch?v=9g7a8-kWyCs"}]},{"completed":false,"description":null,"hasMore":true,"index":93,"lang":"en","links":[],"locked":true,"slug":"email-handlebars","snippet":null,"snippetIsHtml":false,"title":"Email: processing templates with Handlebars","video":[{"id":"OkeKsG695yA","provider":"youtube","url":"https://www.youtube.com/watch?v=OkeKsG695yA"}]},{"completed":false,"description":null,"hasMore":true,"index":94,"lang":"en","links":[],"locked":true,"slug":"domain","snippet":null,"snippetIsHtml":false,"title":"Registering a domain","video":[{"id":"avHQbakupXw","provider":"youtube","url":"https://www.youtube.com/watch?v=avHQbakupXw"}]},{"completed":false,"description":null,"hasMore":true,"index":95,"lang":"en","links":[],"locked":true,"slug":"domain-brevo","snippet":null,"snippetIsHtml":false,"title":"Email: Connecting the domain to Brevo","video":[{"id":"shxI1uVuEW8","provider":"youtube","url":"https://www.youtube.com/watch?v=shxI1uVuEW8"}]},{"completed":false,"description":null,"hasMore":true,"index":96,"lang":"en","links":[],"locked":true,"slug":"email-brevo","snippet":null,"snippetIsHtml":false,"title":"Email: actually sending emails with Brevo","video":[{"id":"66fioDgy8R8","provider":"youtube","url":"https://www.youtube.com/watch?v=66fioDgy8R8"}]},{"completed":false,"description":null,"hasMore":true,"index":97,"lang":"en","links":[],"locked":true,"slug":"env-optional","snippet":null,"snippetIsHtml":false,"title":"Creating optional env variables","video":[{"id":"YTjCtMuvlWk","provider":"youtube","url":"https://www.youtube.com/watch?v=YTjCtMuvlWk"}]},{"completed":false,"description":null,"hasMore":true,"index":98,"lang":"en","links":[],"locked":true,"slug":"route-import","snippet":null,"snippetIsHtml":false,"title":"Importing frontend routes into the backend","video":[{"id":"Kse4aULKUGo","provider":"youtube","url":"https://www.youtube.com/watch?v=Kse4aULKUGo"}]},{"completed":false,"description":null,"hasMore":true,"index":99,"lang":"en","links":[],"locked":true,"slug":"pump-get-route","snippet":null,"snippetIsHtml":false,"title":"Building a wrapper for creating routes","video":[{"id":"Y7MO2WPJRhg","provider":"youtube","url":"https://www.youtube.com/watch?v=Y7MO2WPJRhg"}]},{"completed":false,"description":null,"hasMore":true,"index":100,"lang":"en","links":[],"locked":true,"slug":"env-shared","snippet":null,"snippetIsHtml":false,"title":"Extracting shared env variables for the frontend and backend","video":[{"id":"MIvnqGDxR2A","provider":"youtube","url":"https://www.youtube.com/watch?v=MIvnqGDxR2A"}]},{"completed":false,"description":null,"hasMore":true,"index":101,"lang":"en","links":[],"locked":true,"slug":"cron","snippet":null,"snippetIsHtml":false,"title":"CRON: running scheduled tasks","video":[{"id":"3fTLCNHTiaQ","provider":"youtube","url":"https://www.youtube.com/watch?v=3fTLCNHTiaQ"}]},{"completed":false,"description":null,"hasMore":true,"index":102,"lang":"en","links":[],"locked":true,"slug":"postgresql-query","snippet":null,"snippetIsHtml":false,"title":"PostgreSQL: writing complex queries","video":[{"id":"6pgMcCOydzA","provider":"youtube","url":"https://www.youtube.com/watch?v=6pgMcCOydzA"}]},{"completed":false,"description":null,"hasMore":true,"index":103,"lang":"en","links":[],"locked":true,"slug":"handlebar-loop","snippet":null,"snippetIsHtml":false,"title":"MJML + Handlebars: loops and other helpers","video":[{"id":"NpyMcVYgPhg","provider":"youtube","url":"https://www.youtube.com/watch?v=NpyMcVYgPhg"}]},{"completed":false,"description":null,"hasMore":true,"index":104,"lang":"en","links":[],"locked":true,"slug":"shared-workspace","snippet":null,"snippetIsHtml":false,"title":"Monorepo: shared workspace","video":[{"id":"XEwPgEdXDD8","provider":"youtube","url":"https://www.youtube.com/watch?v=XEwPgEdXDD8"}]},{"completed":false,"description":null,"hasMore":true,"index":105,"lang":"en","links":[],"locked":true,"slug":"nanostores","snippet":null,"snippetIsHtml":false,"title":"State management for the web app","video":[{"id":"LmJp4JgAzqE","provider":"youtube","url":"https://www.youtube.com/watch?v=LmJp4JgAzqE"}]},{"completed":false,"description":null,"hasMore":true,"index":106,"lang":"en","links":[],"locked":true,"slug":"logger-init","snippet":null,"snippetIsHtml":false,"title":"Logging: adding a logger","video":[{"id":"6v2fkbr6zw0","provider":"youtube","url":"https://www.youtube.com/watch?v=6v2fkbr6zw0"}]},{"completed":false,"description":null,"hasMore":true,"index":107,"lang":"en","links":[],"locked":true,"slug":"logger-input","snippet":null,"snippetIsHtml":false,"title":"Logging: standardizing input parameters + serializing errors","video":[{"id":"x5bfOKJXMj8","provider":"youtube","url":"https://www.youtube.com/watch?v=x5bfOKJXMj8"}]},{"completed":false,"description":null,"hasMore":true,"index":108,"lang":"en","links":[],"locked":true,"slug":"logger-pretty","snippet":null,"snippetIsHtml":false,"title":"Logging: pretty log output during development","video":[{"id":"WLKmeLb14XY","provider":"youtube","url":"https://www.youtube.com/watch?v=WLKmeLb14XY"}]},{"completed":false,"description":null,"hasMore":true,"index":109,"lang":"en","links":[],"locked":true,"slug":"logger-trpc-backend","snippet":null,"snippetIsHtml":false,"title":"Logging: tRPC backend","video":[{"id":"oCMnVo892Uk","provider":"youtube","url":"https://www.youtube.com/watch?v=oCMnVo892Uk"}]},{"completed":false,"description":null,"hasMore":true,"index":110,"lang":"en","links":[],"locked":true,"slug":"logger-prisma","snippet":null,"snippetIsHtml":false,"title":"Logging: Prisma","video":[{"id":"owR0YkQyWMc","provider":"youtube","url":"https://www.youtube.com/watch?v=owR0YkQyWMc"}]},{"completed":false,"description":null,"hasMore":true,"index":111,"lang":"en","links":[],"locked":true,"slug":"logger-filter","snippet":null,"snippetIsHtml":false,"title":"Logging: filtering logs","video":[{"id":"fAlqO5WL9CI","provider":"youtube","url":"https://www.youtube.com/watch?v=fAlqO5WL9CI"}]},{"completed":false,"description":null,"hasMore":true,"index":112,"lang":"en","links":[],"locked":true,"slug":"logger-sensetive","snippet":null,"snippetIsHtml":false,"title":"Logging: sensitive data","video":[{"id":"-zRL6CvrzR0","provider":"youtube","url":"https://www.youtube.com/watch?v=-zRL6CvrzR0"}]},{"completed":false,"description":null,"hasMore":true,"index":113,"lang":"en","links":[],"locked":true,"slug":"logger-express","snippet":null,"snippetIsHtml":false,"title":"Logging: Express","video":[{"id":"AD1yBlRiD0M","provider":"youtube","url":"https://www.youtube.com/watch?v=AD1yBlRiD0M"}]},{"completed":false,"description":null,"hasMore":true,"index":114,"lang":"en","links":[],"locked":true,"slug":"logger-trpc-client","snippet":null,"snippetIsHtml":false,"title":"Logging: tRPC client","video":[{"id":"QJsR3_xcdkU","provider":"youtube","url":"https://www.youtube.com/watch?v=QJsR3_xcdkU"}]},{"completed":false,"description":null,"hasMore":true,"index":115,"lang":"en","links":[],"locked":true,"slug":"sentry-client","snippet":null,"snippetIsHtml":false,"title":"Sentry: catching web app errors","video":[{"id":"nczZqmlFO3g","provider":"youtube","url":"https://www.youtube.com/watch?v=nczZqmlFO3g"}]},{"completed":false,"description":null,"hasMore":true,"index":116,"lang":"en","links":[],"locked":true,"slug":"expected-error","snippet":null,"snippetIsHtml":false,"title":"Creating a new error type, ExpectedError","video":[{"id":"0oyI37t8WCI","provider":"youtube","url":"https://www.youtube.com/watch?v=0oyI37t8WCI"}]},{"completed":false,"description":null,"hasMore":true,"index":117,"lang":"en","links":[],"locked":true,"slug":"sentry-sourcemap-client","snippet":null,"snippetIsHtml":false,"title":"Sentry: web app source maps","video":[{"id":"KJT2fwo1JDA","provider":"youtube","url":"https://www.youtube.com/watch?v=KJT2fwo1JDA"}]},{"completed":false,"description":null,"hasMore":true,"index":118,"lang":"en","links":[],"locked":true,"slug":"sentry-backend","snippet":null,"snippetIsHtml":false,"title":"Sentry: catching backend errors","video":[{"id":"wKgtQ60C--U","provider":"youtube","url":"https://www.youtube.com/watch?v=wKgtQ60C--U"}]},{"completed":false,"description":null,"hasMore":true,"index":119,"lang":"en","links":[],"locked":true,"slug":"sentry-sourcemap-backend","snippet":null,"snippetIsHtml":false,"title":"Sentry: backend source maps","video":[{"id":"fxR7FPGBxXE","provider":"youtube","url":"https://www.youtube.com/watch?v=fxR7FPGBxXE"}]},{"completed":false,"description":null,"hasMore":true,"index":120,"lang":"en","links":[],"locked":true,"slug":"test-unit","snippet":null,"snippetIsHtml":false,"title":"Tests: unit tests","video":[{"id":"XecYIzGwcJo","provider":"youtube","url":"https://www.youtube.com/watch?v=XecYIzGwcJo"}]},{"completed":false,"description":null,"hasMore":true,"index":121,"lang":"en","links":[],"locked":true,"slug":"test-integration","snippet":null,"snippetIsHtml":false,"title":"Tests: integration tests","video":[{"id":"9Pmtn0Drfc4","provider":"youtube","url":"https://www.youtube.com/watch?v=9Pmtn0Drfc4"}]},{"completed":false,"description":null,"hasMore":true,"index":122,"lang":"en","links":[],"locked":true,"slug":"test-import","snippet":null,"snippetIsHtml":false,"title":"Tests: forbidding imports of tests into the main code","video":[{"id":"IPq0ZsVDN7A","provider":"youtube","url":"https://www.youtube.com/watch?v=IPq0ZsVDN7A"}]},{"completed":false,"description":null,"hasMore":true,"index":123,"lang":"en","links":[],"locked":true,"slug":"test-env","snippet":null,"snippetIsHtml":false,"title":"Tests: environment variables","video":[{"id":"lnGCnorjoFg","provider":"youtube","url":"https://www.youtube.com/watch?v=lnGCnorjoFg"}]},{"completed":false,"description":null,"hasMore":true,"index":124,"lang":"en","links":[],"locked":true,"slug":"test-mock","snippet":null,"snippetIsHtml":false,"title":"Tests: mocking modules","video":[{"id":"lxngzTALbF8","provider":"youtube","url":"https://www.youtube.com/watch?v=lxngzTALbF8"}]},{"completed":false,"description":null,"hasMore":true,"index":125,"lang":"en","links":[],"locked":true,"slug":"typings-pick-omit","snippet":null,"snippetIsHtml":false,"title":"Improving the typing of the pick & omit functions","video":[{"id":"YX5Icgmx2hc","provider":"youtube","url":"https://www.youtube.com/watch?v=YX5Icgmx2hc"}]},{"completed":false,"description":null,"hasMore":true,"index":126,"lang":"en","links":[],"locked":true,"slug":"upload-image","snippet":null,"snippetIsHtml":false,"title":"Uploading an image to Cloudinary","video":[{"id":"m7Jqv8s9-14","provider":"youtube","url":"https://www.youtube.com/watch?v=m7Jqv8s9-14"}]},{"completed":false,"description":null,"hasMore":true,"index":127,"lang":"en","links":[],"locked":true,"slug":"upload-images","snippet":null,"snippetIsHtml":false,"title":"Uploading multiple images to Cloudinary","video":[{"id":"YFY2aTwsDZw","provider":"youtube","url":"https://www.youtube.com/watch?v=YFY2aTwsDZw"}]},{"completed":false,"description":null,"hasMore":true,"index":128,"lang":"en","links":[],"locked":true,"slug":"upload-file","snippet":null,"snippetIsHtml":false,"title":"Uploading a file to AWS S3","video":[{"id":"IOvEy9vdb9c","provider":"youtube","url":"https://www.youtube.com/watch?v=IOvEy9vdb9c"}]},{"completed":false,"description":null,"hasMore":true,"index":129,"lang":"en","links":[],"locked":true,"slug":"upload-files","snippet":null,"snippetIsHtml":false,"title":"Uploading multiple files to AWS S3","video":[{"id":"U3rmjhW2nmg","provider":"youtube","url":"https://www.youtube.com/watch?v=U3rmjhW2nmg"}]},{"completed":false,"description":null,"hasMore":true,"index":130,"lang":"en","links":[],"locked":true,"slug":"env-shared-1","snippet":null,"snippetIsHtml":false,"title":"Standardizing shared env variables for the frontend and backend","video":[{"id":"7xKXaX5hot4","provider":"youtube","url":"https://www.youtube.com/watch?v=7xKXaX5hot4"}]},{"completed":false,"description":null,"hasMore":true,"index":131,"lang":"en","links":[],"locked":true,"slug":"mixpanel","snippet":null,"snippetIsHtml":false,"title":"Product analytics with Mixpanel","video":[{"id":"P_PR_S8bwA0","provider":"youtube","url":"https://www.youtube.com/watch?v=P_PR_S8bwA0"}]},{"completed":false,"description":null,"hasMore":true,"index":132,"lang":"en","links":[],"locked":true,"slug":"serve-webapp","snippet":null,"snippetIsHtml":false,"title":"Serving the web app through the backend","video":[{"id":"V673a5jXuzc","provider":"youtube","url":"https://www.youtube.com/watch?v=V673a5jXuzc"}]},{"completed":false,"description":null,"hasMore":true,"index":133,"lang":"en","links":[],"locked":true,"slug":"env-backend-webapp","snippet":null,"snippetIsHtml":false,"title":"Getting the frontend's environment variables from the backend","video":[{"id":"donX707LPgY","provider":"youtube","url":"https://www.youtube.com/watch?v=donX707LPgY"}]},{"completed":false,"description":null,"hasMore":true,"index":134,"lang":"en","links":[],"locked":true,"slug":"docker","snippet":null,"snippetIsHtml":false,"title":"DevOps: Creating a Dockerfile, building the image, running the container","video":[{"id":"otiy-ODaI7U","provider":"youtube","url":"https://www.youtube.com/watch?v=otiy-ODaI7U"}]},{"completed":false,"description":null,"hasMore":true,"index":135,"lang":"en","links":[],"locked":true,"slug":"heroku","snippet":null,"snippetIsHtml":false,"title":"DevOps: Deploying to Heroku","video":[{"id":"6PfqbNGxtqQ","provider":"youtube","url":"https://www.youtube.com/watch?v=6PfqbNGxtqQ"}]},{"completed":false,"description":null,"hasMore":true,"index":136,"lang":"en","links":[],"locked":true,"slug":"github-actions","snippet":null,"snippetIsHtml":false,"title":"DevOps: Automatic deployment to Heroku with GitHub Actions","video":[{"id":"WUrMbUrQFmk","provider":"youtube","url":"https://www.youtube.com/watch?v=WUrMbUrQFmk"}]},{"completed":false,"description":null,"hasMore":true,"index":137,"lang":"en","links":[],"locked":true,"slug":"datadog","snippet":null,"snippetIsHtml":false,"title":"Sending logs to Datadog","video":[{"id":"Y7Mc_T_xBRM","provider":"youtube","url":"https://www.youtube.com/watch?v=Y7Mc_T_xBRM"}]},{"completed":false,"description":null,"hasMore":true,"index":138,"lang":"en","links":[],"locked":true,"slug":"bundle-analyzer","snippet":null,"snippetIsHtml":false,"title":"Analyzing the frontend bundle","video":[{"id":"onMqOys_OQw","provider":"youtube","url":"https://www.youtube.com/watch?v=onMqOys_OQw"}]},{"completed":false,"description":null,"hasMore":true,"index":139,"lang":"en","links":[],"locked":true,"slug":"browser-legacy","snippet":null,"snippetIsHtml":false,"title":"Supporting old browsers","video":[{"id":"q0OG50GkGZw","provider":"youtube","url":"https://www.youtube.com/watch?v=q0OG50GkGZw"}]},{"completed":false,"description":null,"hasMore":true,"index":140,"lang":"en","links":[],"locked":true,"slug":"autoprefixer","snippet":null,"snippetIsHtml":false,"title":"Automatically adding CSS prefixes","video":[{"id":"AINRvHQieZw","provider":"youtube","url":"https://www.youtube.com/watch?v=AINRvHQieZw"}]},{"completed":false,"description":null,"hasMore":true,"index":141,"lang":"en","links":[],"locked":true,"slug":"finish","snippet":null,"snippetIsHtml":false,"title":"The end","video":[{"id":"oye5XT2jfUY","provider":"youtube","url":"https://www.youtube.com/watch?v=oye5XT2jfUY"}]}],"links":[],"slug":"fullstack2023","snippet":"The goal is to build a project from scratch by learning and applying the technologies and architecture that give your code quality and scalability, fast development, and genuine enjoyment of the process.","snippetIsHtml":false,"title":"Fullstack web development on TypeScript, Reaсt, Node.js (2023)","translated":true,"video":[{"id":"DrS98CPYCgU","provider":"youtube","url":"https://www.youtube.com/watch?v=DrS98CPYCgU"}]}},"dataUpdateCount":1,"dataUpdatedAt":1792656011022,"error":null,"errorUpdateCount":0,"errorUpdatedAt":0,"fetchFailureCount":0,"fetchFailureReason":null,"fetchMeta":null,"fetchStatus":"idle","isInvalidated":false,"status":"success"}},{"dehydratedAt":1792656011118,"queryHash":"[\"point0\",{\"finiteness\":\"finite\",\"input\":\"{\\\"json\\\":{\\\"courseSlug\\\":\\\"fullstack2023\\\",\\\"lang\\\":\\\"en\\\",\\\"slug\\\":\\\"prettier\\\"}}\",\"mode\":\"server\",\"name\":\"lessonView\",\"output\":\"data\",\"scope\":\"root\",\"tags\":[],\"type\":\"query\"}]","queryKey":["point0",{"finiteness":"finite","input":"{\"json\":{\"courseSlug\":\"fullstack2023\",\"lang\":\"en\",\"slug\":\"prettier\"}}","mode":"server","name":"lessonView","output":"data","scope":"root","tags":[],"type":"query"}],"state":{"data":{"lesson":{"access":"authorized","canonical":null,"completed":false,"contentHtml":null,"description":null,"diff":null,"hasMore":true,"index":10,"lang":"en","links":[],"locked":true,"slug":"prettier","snippet":null,"snippetIsHtml":false,"title":"Automatic code formatting with Prettier","translated":true,"video":[]}},"dataUpdateCount":1,"dataUpdatedAt":1792656011024,"error":null,"errorUpdateCount":0,"errorUpdatedAt":0,"fetchFailureCount":0,"fetchFailureReason":null,"fetchMeta":null,"fetchStatus":"idle","isInvalidated":false,"status":"success"}},{"dehydratedAt":1792656011118,"queryHash":"[\"point0\",{\"finiteness\":\"infinite\",\"input\":\"{\\\"json\\\":{\\\"target\\\":{\\\"courseSlug\\\":\\\"fullstack2023\\\",\\\"kind\\\":\\\"lesson\\\",\\\"slug\\\":\\\"prettier\\\"}}}\",\"mode\":\"server\",\"name\":\"commentList\",\"output\":\"data\",\"scope\":\"root\",\"tags\":[],\"type\":\"infiniteQuery\"}]","queryKey":["point0",{"finiteness":"infinite","input":"{\"json\":{\"target\":{\"courseSlug\":\"fullstack2023\",\"kind\":\"lesson\",\"slug\":\"prettier\"}}}","mode":"server","name":"commentList","output":"data","scope":"root","tags":[],"type":"infiniteQuery"}],"queryType":"infinite","state":{"data":{"pageParams":[null],"pages":[{"items":[{"author":{"id":"c77ea145-dbef-484e-b6dd-670b46138ae6","image":"https://lh3.googleusercontent.com/a/ACg8ocLj2RuVR1zKtRFY3z5Dmdh0TWYvr3_aEsT0Uyy2RhMmn3LJRw=s96-c","name":"probny1"},"authorId":"c77ea145-dbef-484e-b6dd-670b46138ae6","createdAt":"2026-10-01T19:55:06.706Z","deleted":false,"id":"b48fd3a6-dc2c-40d0-8735-015eeda60420","replies":[],"text":"У кого не работает, попробуйте \"prettify\": \"prettier --log-level warn --cache --write \\\"src/**/*.{ts,tsx,js,json,yml,scss}\\\" \\\"*.{ts,tsx,js,json,yml,scss}\\\"\""}],"pagination":{"cursorKey":"createdAt","limit":20,"nextCursor":null,"total":1}}]},"dataUpdateCount":1,"dataUpdatedAt":1792656011083,"error":null,"errorUpdateCount":0,"errorUpdatedAt":0,"fetchFailureCount":0,"fetchFailureReason":null,"fetchMeta":null,"fetchStatus":"idle","isInvalidated":false,"status":"success"}}]}},"dataUpdateCount":1,"dataUpdatedAt":1792656011118,"error":null,"errorUpdateCount":0,"errorUpdatedAt":0,"fetchFailureCount":0,"fetchFailureReason":null,"fetchMeta":null,"fetchStatus":"idle","isInvalidated":false,"status":"success"}}]},"__POINT0_SSR_LOCATION__":{"abs":true,"hash":"","host":"1gr14.dev","hostname":"1gr14.dev","href":"http://1gr14.dev/ed/fullstack2023/prettier","hrefRel":"/ed/fullstack2023/prettier","origin":"http://1gr14.dev","params":{"courseSlug":"fullstack2023","lang":null,"slug":"prettier"},"pathname":"/ed/fullstack2023/prettier","port":null,"route":"/:lang(ru)?/ed/:courseSlug/:slug","search":{},"searchString":""},"breadcrumb":[]},"meta":{"referentialEqualities":{"__POINT0_QUERY_CLIENT__.queries.0.queryKey.1.tags":["__POINT0_QUERY_CLIENT__.queries.0.state.data.dehydratedState.queries.0.queryKey.1.tags","__POINT0_QUERY_CLIENT__.queries.0.state.data.dehydratedState.queries.3.queryKey.1.tags"]},"v":1,"values":{"__POINT0_QUERY_CLIENT__.queries.0.state.data.dehydratedState.queries.3.state.data.pageParams.0":["undefined"],"__POINT0_QUERY_CLIENT__.queries.0.state.data.dehydratedState.queries.3.state.data.pages.0.items.0.createdAt":["Date"],"__POINT0_QUERY_CLIENT__.queries.0.state.data.dehydratedState.queries.3.state.data.pages.0.pagination.nextCursor":["undefined"],"__POINT0_SSR_LOCATION__.params.lang":["undefined"],"__POINT0_SSR_LOCATION__.port":["undefined"]}}}

Automatic code formatting with Prettier

Sign in to read this lesson

Extra

Community

Social

Private group

Start0

Comments