Media is too big
VIEW IN TELEGRAM
14. Notes App Commands
Scott sets up the foundation for CLI commands such as new, all, find, remove, web, and clean.
#lesson
Scott sets up the foundation for CLI commands such as new, all, find, remove, web, and clean.
#lesson
Media is too big
VIEW IN TELEGRAM
15. Async Code
Scott explains the benefits of asynchronous code, which allows other operations to occur while waiting for a task to complete. A demonstration of how to avoid nested callbacks using promises is also covered in this segment.
- https://scottmoss.notion.site/Async-in-node-2c38517eefad481bae186fcef86d0fd7
#lesson
Scott explains the benefits of asynchronous code, which allows other operations to occur while waiting for a task to complete. A demonstration of how to avoid nested callbacks using promises is also covered in this segment.
- https://scottmoss.notion.site/Async-in-node-2c38517eefad481bae186fcef86d0fd7
#lesson
Media is too big
VIEW IN TELEGRAM
16. FS Module
Scott demonstrates how to use the built-in FS module, which provides an API for interacting with the file system. Student questions regarding debugging errors involving nesting callbacks are also covered in this segment.
- https://scottmoss.notion.site/The-FS-module-c7a30776364b4cfe86a13b1a99a8620c
#lesson
Scott demonstrates how to use the built-in FS module, which provides an API for interacting with the file system. Student questions regarding debugging errors involving nesting callbacks are also covered in this segment.
- https://scottmoss.notion.site/The-FS-module-c7a30776364b4cfe86a13b1a99a8620c
#lesson
Media is too big
VIEW IN TELEGRAM
17. Using a File as a DB
Scott demonstrates how to use the FS module and a JSON file as a database to store created notes. The foundation for utility functions to read the db.json file, save a JavaScript object, and add a new note are also covered in this segment.
- https://scottmoss.notion.site/Using-a-file-as-a-DB-ec9ab894284242fba4efc76b75bc47b9
#lesson
Scott demonstrates how to use the FS module and a JSON file as a database to store created notes. The foundation for utility functions to read the db.json file, save a JavaScript object, and add a new note are also covered in this segment.
- https://scottmoss.notion.site/Using-a-file-as-a-DB-ec9ab894284242fba4efc76b75bc47b9
#lesson
Media is too big
VIEW IN TELEGRAM
18. CRUD Methods: Create
Scott explains CRUD operations, which involve create, read, update, and delete actions on the notes in the database. Abstracting the previously created insert utility function for creating new notes and a student's question about destructuring are also covered in this segment.
- https://scottmoss.notion.site/Note-CRUD-54f302644e294d6992ba747ef1c5bf96
#lesson
Scott explains CRUD operations, which involve create, read, update, and delete actions on the notes in the database. Abstracting the previously created insert utility function for creating new notes and a student's question about destructuring are also covered in this segment.
- https://scottmoss.notion.site/Note-CRUD-54f302644e294d6992ba747ef1c5bf96
#lesson
Media is too big
VIEW IN TELEGRAM
19. CRUD Methods: Read & Delete
Scott develops a function to fetch all notes from the database and filters them based on the provided filter string. A demonstration of the process of removing notes with specific IDs and clearing all notes from the database in this segment is also provided in this segment.
#lesson
Scott develops a function to fetch all notes from the database and filters them based on the provided filter string. A demonstration of the process of removing notes with specific IDs and clearing all notes from the database in this segment is also provided in this segment.
#lesson
Media is too big
VIEW IN TELEGRAM
20. Using the CRUD Methods
Scott updates the commands to utilize the previously created CRUD methods, allowing for better functionality and interaction with the notes in the database.
- https://scottmoss.notion.site/Updating-commands-b537c0b8c72a490997f442669a45d6e0
#lesson
Scott updates the commands to utilize the previously created CRUD methods, allowing for better functionality and interaction with the notes in the database.
- https://scottmoss.notion.site/Updating-commands-b537c0b8c72a490997f442669a45d6e0
#lesson
Media is too big
VIEW IN TELEGRAM
21. Types of Tests
Scott discusses the different types of testing in a Node.js application, which include unit testing, integration testing, end-to-end testing, and API testing.
- https://scottmoss.notion.site/Types-of-test-992f08c99fdc4f10ac75b7cdc66b95d8
#lesson
Scott discusses the different types of testing in a Node.js application, which include unit testing, integration testing, end-to-end testing, and API testing.
- https://scottmoss.notion.site/Types-of-test-992f08c99fdc4f10ac75b7cdc66b95d8
#lesson
Media is too big
VIEW IN TELEGRAM
22. Unit Testing with Jest
Scott demonstrates writing and running tests using the Jest testing framework. Jest automatically scans for test files in the tests directory and executes them.
- https://scottmoss.notion.site/Unit-testing-with-Jest-843302eedecc4a0da12e1d7f37feae37
#lesson
Scott demonstrates writing and running tests using the Jest testing framework. Jest automatically scans for test files in the tests directory and executes them.
- https://scottmoss.notion.site/Unit-testing-with-Jest-843302eedecc4a0da12e1d7f37feae37
#lesson
Media is too big
VIEW IN TELEGRAM
23. Testing with Mocks
Scott discusses testing with mock functions and data to perform tests without modifying the actual data in the database. Mock functions, also referred to as "spies," observe the behavior of indirectly called functions, allowing for thorough testing of function behavior and output.
#lesson
Scott discusses testing with mock functions and data to perform tests without modifying the actual data in the database. Mock functions, also referred to as "spies," observe the behavior of indirectly called functions, allowing for thorough testing of function behavior and output.
#lesson
Media is too big
VIEW IN TELEGRAM
24. Additional Test Examples
Scott demonstrates additional examples of tests for different functionalities and use cases.
#lesson
Scott demonstrates additional examples of tests for different functionalities and use cases.
#lesson
Media is too big
VIEW IN TELEGRAM
25. Creating a Basic Server
Scott discusses the concept of a Node.js server, which listens for incoming network requests and responds by executing code or providing data. A walk through the process of creating a basic Node.js server is also covered this segment.
- https://scottmoss.notion.site/What-is-a-server-30a9e93be3434ac097a01781a644b984
#lesson
Scott discusses the concept of a Node.js server, which listens for incoming network requests and responds by executing code or providing data. A walk through the process of creating a basic Node.js server is also covered this segment.
- https://scottmoss.notion.site/What-is-a-server-30a9e93be3434ac097a01781a644b984
#lesson
Media is too big
VIEW IN TELEGRAM
26. Interpolating Data & Formatting Notes
Scott showcases how to interpolate the notes data, inserting or embedding values into a string or template to dynamically create a new string. How to define the format of the returned notes is also covered in this segment.
- https://scottmoss.notion.site/Vanilla-server-5d063de22e2f4d8e96567a6ccac1f30a
#lesson
Scott showcases how to interpolate the notes data, inserting or embedding values into a string or template to dynamically create a new string. How to define the format of the returned notes is also covered in this segment.
- https://scottmoss.notion.site/Vanilla-server-5d063de22e2f4d8e96567a6ccac1f30a
#lesson
Media is too big
VIEW IN TELEGRAM
27. Sending Notes to the Client
Scott illustrates the utilization of the createServer function to take the array of notes and generate a Node.js HTTP server that serves the formatted HTML to the client.
#lesson
Scott illustrates the utilization of the createServer function to take the array of notes and generate a Node.js HTTP server that serves the formatted HTML to the client.
#lesson
Media is too big
VIEW IN TELEGRAM
28. Wrapping Up
Scott wraps up the course by summarizing the CLI app built throughout the lessons. Resources and suggestions for further learning opportunities are also provided in this segment.
#lesson
Scott wraps up the course by summarizing the CLI app built throughout the lessons. Resources and suggestions for further learning opportunities are also provided in this segment.
#lesson
Title: Build an AI-Powered Fullstack Next.js App, v3
Description: Create a full-stack AI-powered Journal app from scratch in Next.js. See how all the pieces of Next.js/React fit together to deploy your app to the world!
Link: https://frontendmasters.com/courses/fullstack-app-next-v3/
Time: 7 hours, 34 minutes
Lessons: 48 / 48
Tags: #course #frontendmasters #720p
Description: Create a full-stack AI-powered Journal app from scratch in Next.js. See how all the pieces of Next.js/React fit together to deploy your app to the world!
Link: https://frontendmasters.com/courses/fullstack-app-next-v3/
Time: 7 hours, 34 minutes
Lessons: 48 / 48
Tags: #course #frontendmasters #720p
Frontendmasters
Fullstack App with Next.js, v3 Course | Build a Fullstack Web App Leveraging AI
Create a full-stack AI-powered Journal app from scratch in Next.js. See how all the pieces of Next.js/React fit together to deploy your app to the world!
Media is too big
VIEW IN TELEGRAM
1. Introduction
Scott Moss introduces the course and demonstrates the AI-powered application that will be built from scratch with Next.js. The application allows users to log in and manage journal entries with the standard CRUD operations. The entries are analyzed and given an AI-generated sentiment value, summary, and color. The application will be built from scratch, and the final version can be found in the GitHub repo linked below.
- https://github.com/Hendrixer/fullstack-ai-nextjs
#lesson
Scott Moss introduces the course and demonstrates the AI-powered application that will be built from scratch with Next.js. The application allows users to log in and manage journal entries with the standard CRUD operations. The entries are analyzed and given an AI-generated sentiment value, summary, and color. The application will be built from scratch, and the final version can be found in the GitHub repo linked below.
- https://github.com/Hendrixer/fullstack-ai-nextjs
#lesson
Media is too big
VIEW IN TELEGRAM
2. Setup App & Homepage
Scott uses the `create-next-app` CLI tool to scaffold a new application. Next.js version 13.4.5 is recommended for this course. The default application code is removed, and a Prettier config is added.
#lesson
Scott uses the `create-next-app` CLI tool to scaffold a new application. Next.js version 13.4.5 is recommended for this course. The default application code is removed, and a Prettier config is added.
#lesson
Media is too big
VIEW IN TELEGRAM
3. Homepage with Tailwind CSS & Link
Scott codes the homepage layout. JSX is added and includes a title, description, and a button to take the user to the journal page. Tailwind CSS classes are applied to style the page.
#lesson
Scott codes the homepage layout. JSX is added and includes a title, description, and a button to take the user to the journal page. Tailwind CSS classes are applied to style the page.
#lesson
Media is too big
VIEW IN TELEGRAM
4. Authentication with Clerk
Scott introduces Clerk, which will handle the application's authentication. Clerk allows multiple auth providers to be configured. The Clerk library is installed, and SignIn and SignUp components are added to their corresponding pages.
#lesson
Scott introduces Clerk, which will handle the application's authentication. Clerk allows multiple auth providers to be configured. The Clerk library is installed, and SignIn and SignUp components are added to their corresponding pages.
#lesson
Media is too big
VIEW IN TELEGRAM
5. Authentication Middleware
Scott creates a middleware function to ensure all routes except for the home page are protected by the authentication provider. Sign-in and sign-up redirection is configured and the authentication flow is tested.
#lesson
Scott creates a middleware function to ensure all routes except for the home page are protected by the authentication provider. Sign-in and sign-up redirection is configured and the authentication flow is tested.
#lesson