https://github.com/kastorcode/nextjs-14-training-ssr-concepts
Full-stack SSR app to train Next.js 14 concepts.
https://github.com/kastorcode/nextjs-14-training-ssr-concepts
api cookies data-caching expressjs fullstack kastorcode kastorcoder next nextjs nextjs14 nodejs shows ssr tailwindcss tickets use-server
Last synced: about 1 month ago
JSON representation
Full-stack SSR app to train Next.js 14 concepts.
- Host: GitHub
- URL: https://github.com/kastorcode/nextjs-14-training-ssr-concepts
- Owner: kastorcode
- Created: 2024-06-29T19:26:43.000Z (10 months ago)
- Default Branch: master
- Last Pushed: 2024-06-29T19:38:45.000Z (10 months ago)
- Last Synced: 2025-01-26T02:18:41.907Z (3 months ago)
- Topics: api, cookies, data-caching, expressjs, fullstack, kastorcode, kastorcoder, next, nextjs, nextjs14, nodejs, shows, ssr, tailwindcss, tickets, use-server
- Language: TypeScript
- Homepage: https://br.linkedin.com/in/kastorcode
- Size: 452 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Next.js 14 Training Server Side Rendering Concepts
> 👨💻 Developed by Matheus Ramalho de Oliveira
🏗️ Brazilian Software Engineer
✉️ [email protected]
🦫 [LinkedIn](https://br.linkedin.com/in/kastorcode) • [Instagram](https://instagram.com/kastorcode)
---
This repository is a full-stack project to train concepts of the Next.js server side rendering framework on version 14: a Node.js API with Express to serve data, page system based on folder structure, Next.js data fetching, caching and revalidate, “use server” directive, cookies, and Tailwind CSS for styling. The app simulates purchasing tickets for shows.
---
### Screenshots
---
### Installation and execution
Backend
1. Make a clone of this repository;
2. Open the project folder in a terminal;
3. Run `yarn` to install dependencies;
4. Run `yarn start:api` to launch server at `http://localhost:8000`.
Frontend
1. Run `yarn dev` to start Next.js at `http://localhost:3000`.
The `api.http` file has CURL requests that can be made using the [REST Client](https://marketplace.visualstudio.com/items?itemName=humao.rest-client) extension.
---
<kastor.code/>