Differences
This shows you the differences between two versions of the page.
|
se:labs:04 [2024/11/01 18:59] avner.solomon |
se:labs:04 [2024/11/01 19:06] (current) cosmin.dumitrache [Lab 04 - Next.js: SSR and SSG] |
||
|---|---|---|---|
| Line 1: | Line 1: | ||
| - | ====== Lab 04 - Next.js: SSR and SSG ====== | + | ====== Lab 04 - Backend ====== |
| ===== Single Page Applications (SPAs) ===== | ===== Single Page Applications (SPAs) ===== | ||
| Line 299: | Line 299: | ||
| - Take a look over the app/components/ToDoList.tsx file and compare it with your previous implementation for the React only app | - Take a look over the app/components/ToDoList.tsx file and compare it with your previous implementation for the React only app | ||
| - Take a look over the app/page.tsx wich implements the homepage of your website and notice how the ToDoList component is pre initialized with data, allowing it to be rendered on the server on the first page load. | - Take a look over the app/page.tsx wich implements the homepage of your website and notice how the ToDoList component is pre initialized with data, allowing it to be rendered on the server on the first page load. | ||
| - | - Implement the required mutations in the app/actions.tsx file in order to fully reimplement the functionality of the react app. All missing parts are marked with //TODO comments | + | - Implement the required mutations in the app/actions.tsx file in order to fully reimplement the functionality of the react app. All missing parts are marked with TODO comments |
| - | <note tip>This app requires JS enabled in order to work. As an optional task you can try and make it work without JS at all. This will require changing all interactions into navigations and form submissions. For example the edit button for an item should take the user to the /edit/item-ids page wich displays the full list of todo items where the given items in the URL are editable</note> | + | <note> |
| + | This app requires JS enabled in order to work. As an optional task you can try and make it work without JS at all. This will require changing all interactions into navigations and form submissions. For example the edit button for an item should take the user to the /edit/item-ids page wich displays the full list of todo items where the given items in the URL are editable | ||
| + | </note> | ||
