LFerronato/full-nextjs-demo

A practical demonstration of NextJS 13 (LTS version)

---

• About this Project
• Used Features
• Getting Started

---

About this Project

Just some samples of some features we have today in NextJS 13 LTS release (without the beta app directory) 💻
PS: but, it was thought to be the closest/compatible with the new App folder

Used/Demo Features

• Basic Routing (file-based routing)
• Dynamic Routes
• Link component
• Image component
• Optimized Fonts (from Custom and Google Fonts)
• Strategies: SSG, ISR, SSR
• Middleware
• API / BFF (maybe tRPC)

Built With

• Next.js
• PicoCSS (simple - just a little bit of beauty)

Getting Started

This is an example of how you may give instructions on setting up your project locally. To get a local copy up and running follow these simple example steps.

Installation

pre-requirements: nodejs - LTS version

1. Clone this repository
2. Install npm packages and start the project locally

  npm i && npm run dev

Recommendations

1. [VS Code] install all recommended extensions, search for: @recommended
2. Use unix-based OS (likelinux, macOS or WSL on Windows)

  "devs":
  [
    "Lucas Ferronato (github.com/LFerronato)",
  ]

Next steps

[ ] get exemple from Iris DS of Link [ ] architecture name? maybe "Underscore architecture"