---
title: "Discussion on \"Modern Next.js: Routing, Layouts, Server Components, API Routes & Server Actions\" | Hashnode"
description: "Discussion on \"Modern Next.js: Routing, Layouts, Server Components, API Routes & Server Actions\". The question that started it all\nCan a React application have both frontend and backend inside the same project?\nFor most of React's history, the honest answer was \"not really, not cleanly.\" A typical"
url: "https://hashnode.com/posts/modern-next-js-routing-layouts-server-components-api-routes-server-actions/6a4d2a77128a854fe6b63b53"
---

[Feed](https://hashnode.com/feed) /

Discussion

# [Modern Next.js: Routing, Layouts, Server Components, API Routes & Server Actions](https://html-dev09.hashnode.dev/modern-next-js-routing-layouts-server-components-api-routes-server-actions?utm_source=hashnode&utm_medium=feed)

The question that started it all Can a React application have both frontend and backend inside the same project? For most of React's history, the honest answer was "not really, not cleanly." A typical

Jul 7 · 25 min read · html-dev09.hashnode.dev  
Updated Sep 27  
Read the article

-   [#dev](https://hashnode.com/tag/dev)
-   [#web-development](https://hashnode.com/tag/web-development)
-   [#web](https://hashnode.com/tag/web)
-   [#development](https://hashnode.com/tag/development)
-   [#api](https://hashnode.com/tag/api)
-   [#nextjs](https://hashnode.com/tag/nextjs)
-   [#routing](https://hashnode.com/tag/routing)
-   [#server](https://hashnode.com/tag/server)
-   [#layouts](https://hashnode.com/tag/layouts)
-   [#routes](https://hashnode.com/tag/routes)
-   [#web3](https://hashnode.com/tag/web3)
-   [#chaicode](https://hashnode.com/tag/chaicode)
-   [#chaiaurcode](https://hashnode.com/tag/chaiaurcode)
-   [#chaicohort](https://hashnode.com/tag/chaicohort)
-   [#cohort2026](https://hashnode.com/tag/cohort2026)
-   [#chaiaurcode-hiteshchoudhary-piyushgarg-genaicohort-genai-llm-personaprompting-geminiai-reactjs-nextjs-python-aichatbot-hashnode-promptengineering-vercel-hindienglishblog-devjourney](https://hashnode.com/tag/chaiaurcode-hiteshchoudhary-piyushgarg-genaicohort-genai-llm-personaprompting-geminiai-reactjs-nextjs-python-aichatbot-hashnode-promptengineering-vercel-hindienglishblog-devjourney)
-   [#blog](https://hashnode.com/tag/blog)
-   [#blogging](https://hashnode.com/tag/blogging)
-   [#reactjs](https://hashnode.com/tag/reactjs)
-   [#frontend-development](https://hashnode.com/tag/frontend-development)
-   [#backend-developments](https://hashnode.com/tag/backend-developments)
-   [#frontend](https://hashnode.com/tag/frontend)
-   [#backend](https://hashnode.com/tag/backend)

## Written by

[Kanishka Shashi](https://hashnode.com/@Kshashi22)

@Kshashi22 · Greater Noida, Gautam Buddha Nagar, Uttar Pradesh, IND

  
[View profile](https://hashnode.com/@Kshashi22)

Kshashi22

Hi, I'm Kanishka Shashi. I'm a Computer Science (AI & ML) student passionate about building, analyzing, and explaining technology. This blog is where I simplify complex concepts into practical, beginner-friendly guides. You'll find articles on Web Development, System Design, AI & LLMs, Data Analytics, SQL, Git/GitHub, and software engineering best practices. I enjoy exploring how modern technologies work under the hood and sharing insights through real-world examples and hands-on projects. Whether you're a student, developer, or tech enthusiast, I hope these articles help you learn something new and build better software. Learning in public. Building consistently. Sharing everything I discover.

## Responses

Markdown supported · ⌘↵ to post

No responses yet.