Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/neonsy/nextjs-server-steps

This marks my next step after learning about React: Venturing into the server side of development.
https://github.com/neonsy/nextjs-server-steps

javascript learning-nextjs nextjs nextjs14 nodejs react

Last synced: 1 day ago
JSON representation

This marks my next step after learning about React: Venturing into the server side of development.

Awesome Lists containing this project

README

        

# NextJs Server Steps

![JavaScript](https://img.shields.io/badge/JavaScript-031321?style=for-the-badge&logo=javascript&logoColor=yellow)
![NodeJS](https://img.shields.io/badge/NodeJS-031321?style=for-the-badge&logo=node.js&logoColor=green)
![React](https://img.shields.io/badge/React-031321?style=for-the-badge&logo=react&logoColor=61DAFB)
![NextJs](https://img.shields.io/badge/Next.js-031321?logo=nextdotjs&logoColor=fff&style=for-the-badge)

In this repository, I'll be learning about NextJS 14, due to 15 still being in beta (RC).
This is the second repository on my [learning journey](https://github.com/Neonsy/React-First-Steps), where I'm diving into the Backend-World of JavaScript.

## What else do I want to learn or combine?

- [ReactQuery](https://github.com/TanStack/query)
- [NextAuth](https://github.com/nextauthjs/next-auth)
- [TypeScript](https://github.com/microsoft/TypeScript)
- [TRPC](https://github.com/trpc/trpc)
- [Drizzle](https://github.com/drizzle-team/drizzle-orm)
- [ShadcnUI](https://github.com/shadcn-ui/ui)
- [Tailwind](https://github.com/tailwindlabs/tailwindcss)

### Other things I want to learn

- [Astro](https://github.com/withastro/astro)
- [SolidJS](https://github.com/solidjs/solid)
- [SolidStart](https://github.com/solidjs/solid-start)
- [Qwik](https://github.com/BuilderIO/qwik)
- [QwikCity](https://qwik.dev/docs/qwikcity/)
- [Svelte](https://github.com/sveltejs/svelte)
- [SvelteKit](https://github.com/sveltejs/kit)

## Learning Journey

This is the order in which I'm learning, and I'll be updating this as I learn more:

1. [Introduction](/Notes/01-Introduction.md)
2. [Getting Started](/Notes/02-Getting-Started.md)
3. [Project Structure](/Notes/03-Project-Structure.md)
4. [RSC Overview](/Notes/04-RSC-Overview.md)
5. [Routing](/Notes/05-Routing.md)
1. [Nested Routing](/Notes/06-Nested-Routing.md)
2. [Dynamic Routing](/Notes/07-Dynamic-Routing.md)
3. [Nested Dynamic Routing](/Notes/08-Nested-Dynamic-Routing.md)
4. [Catch all Segments](/Notes/09-Catch-All-Segments.md)
6. [Customize Not Found](/Notes/10-Customize-Not-Found.md)
7. [Organizing Files](/Notes/11-Organizing-Files.md)
8. [Layouts](/Notes/12-Layouts.md)
1. [Layout Nesting](/Notes/13-Layout-Nesting.md)
2. [Layout Grouping](/Notes/14-Layout-Groups.md)
9. [Route Metadata](/Notes/15-Route-Metadata.md)
- [Title Object](/Notes/16-Title-Object.md)
10. [Links](/Notes/17-Links.md)
1. [Active Links](/Notes/18-Active-Links.md)
2. [Navigating Programmatically (Redirects)](/Notes/19-Navigating-Programmatically.md)
11. [Templates](/Notes/20-Templates.md)
12. [Loading UI](/Notes/21-Loading-UI.md)
13. [Error Handling](/Notes/22-Error-Handling.md)
1. [Error Resetting](/Notes/23-Error-Resetting.md)
2. [Nested Error Handling](/Notes/24-Nested-Error-Handling.md)
3. [Errors In Layouts](/Notes/25-Errors-In-Layouts.md)
14. [Parallel Routes](/Notes/26-Parallel-Routes.md)
1. [Unmatched Routes](/Notes/27-Unmatched-Routes.md)
15. [Intercepting Routes](/Notes/28-Intercepting-Routes.md)
16. [Route Handlers](/Notes/29-Route-Handlers.md)
1. [GET Route Handlers](/Notes/30-GET-Route-Handlers.md)
2. [POST Route Handlers](/Notes/31-POST-Route-Handlers.md)
3. [Dynamic Route Handlers](/Notes/32-Dynamic-Route-Handlers.md)
4. [URL Query Params](/Notes/33-URL-Query-Params.md)
5. [Headers](/Notes/34-Headers.md)
6. [Cookies](/Notes/35-Cookies.md)
7. [Caching](/Notes/36-Caching.md)
17. [Middlewares](/Notes/37-Middlewares.md)
18. [Server and Client Components](/Notes/38-Server-and-Client-Components.md)
19. [Rendering Lifecycle](/Notes/39-Rendering-Lifecycle.md)
1. [Static Rendering](/Notes/40-Static-Rendering.md)
2. [Dynamic Rendering](/Notes/41-Dynamic-Rendering.md)
3. [Streaming](/Notes/42-Streaming.md)
4. [Server and Client Composition Patterns](/Notes/43-Server-and-Client-Composition-Patterns.md)
1. [Server Only Code](/Notes/44-Server-Only-Code.md)
2. [Context Provider](/Notes/45-Context-Provider.md)
3. [Client Only Code](/Notes/46-Client-Only-Code.md)
4. [Client Component Placement](/Notes/47-Client-Component-Placement.md)
5. [Interleaving Components](/Notes/48-Interleaving-Components.md)
20. [Data Fetching](/Notes/49-Data-Fetching.md)
1. [Loading and Error State](/Notes/50-Loading-and-Error-State.md)
2. [Caching](/Notes/51-Caching.md)
3. [Request Memoization](/Notes/52-Request-Memoization.md)
4. [Time Based Data Revalidation](/Notes/53-Time-Based-Data-Revalidation.md)