Added Next.js BE & FE

Author: hoangsonww

README.md

@@ -330,18 +330,21 @@ Here is what it looks like:
 ### Using the `openapi.yaml` File
 
 1. **View the API Documentation**
+
 - Open [Swagger Editor](https://editor.swagger.io/).
 - Upload the `openapi.yaml` file or paste its content.
 - Visualize and interact with the API documentation.
 
 2. **Test the API**
+
 - Import `openapi.yaml` into [Postman](https://www.postman.com/):
   - Open Postman → Import → Select `openapi.yaml`.
   - Test the API endpoints directly from Postman.
 - Or use [Swagger UI](https://swagger.io/tools/swagger-ui/):
   - Provide the file URL or upload it to view and test endpoints.
 
 3. **Generate Client Libraries**
+
 - Install OpenAPI Generator:
   ```bash
   npm install @openapitools/openapi-generator-cli -g
@@ -353,13 +356,15 @@ Here is what it looks like:
 - Replace `<language>` with the desired programming language.
 
 4. **Generate Server Stubs**
+
 - Generate a server stub:
   ```bash
   openapi-generator-cli generate -i openapi.yaml -g <framework> -o ./server
   ```
 - Replace `<framework>` with the desired framework.
 
 5. **Run a Mock Server**
+
 - Install Prism:
   ```bash
   npm install -g @stoplight/prism-cli
@@ -370,6 +375,7 @@ Here is what it looks like:
   ```
 
 6. **Validate the OpenAPI File**
+
 - Use [Swagger Validator](https://validator.swagger.io/):
   - Upload `openapi.yaml` or paste its content to check for errors.
 

src/app/landing/page.tsx

@@ -627,7 +627,10 @@ export default function LandingPage() {
             Visit the app's source code repository and view the API
             documentation to get to know the app even better!
           </Typography>
-          <Link href="https://github.com/hoangsonww/ToDo-App-NextJS-Fullstack" passHref>
+          <Link
+            href="https://github.com/hoangsonww/ToDo-App-NextJS-Fullstack"
+            passHref
+          >
             <Button
               variant="contained"
               sx={{

src/app/page.tsx

@@ -621,13 +621,16 @@ export default function LandingPage() {
           }}
         >
           <Typography variant="h5" gutterBottom>
-              Explore the App&apos;s Documentation
+            Explore the App&apos;s Documentation
           </Typography>
           <Typography variant="body2" gutterBottom>
             Visit the app&apos;s source code repository and view the API
             documentation to get to know the app even better!
           </Typography>
-          <Link href="https://github.com/hoangsonww/ToDo-App-NextJS-Fullstack" passHref>
+          <Link
+            href="https://github.com/hoangsonww/ToDo-App-NextJS-Fullstack"
+            passHref
+          >
             <Button
               variant="contained"
               sx={{