RedwoodJS File and Folder Structure: Everything You Need to Know
750 بار بازدید -
8 ماه پیش
-
In this video, we'll explore
In this video, we'll explore the file and folder structure within RedwoodJS, a full-stack React framework. We dive into Redwood's unique features, contrasting it with other frameworks like Next and Remix. Explore the API folder, backend configuration with Prisma, and serverless functions setup. On the backend, we'll briefly look at the functions, GraphQL, and lib directories, and delve into the services directory for GraphQL resolvers. On the front end, we'll look at how Redwood manages routes with their distinctive approach.
👉 Chapters
0:00 - Introduction and Overview
0:55 - Overview of Folder Structure
1:13 - Exploring the API Folder
1:36 - Database Configuration with prisma.schema
1:54 - Directives Folder in API
2:16 - Serverless Functions and GraphQL Setup
2:37 - Library and Services Directories
3:00 - Configuration Files in API Directory
3:26 - Exploring the Web Folder
3:49 - Public Directory and Static Assets
4:08 - React Components folder
4:27 - Layouts and Pages Setup
4:49 - Global CSS and Tailwind Integration
5:08 - Understanding Routes in Redwood
5:25 - Configuration Files in Web Directory
6:05 - Environmental Variables and .gitignore
6:27 - Additional Project Settings Files
6:51 - Yarn Workspaces and Package Management
8:11 - Conclusion and Next Steps
⚡ Quick Links
- Code on GitHub: https://github.com/ahaywood/brazilian...
- Figma File: https://www.figma.com/file/z6Vipsmnua...
Other videos in the series:
- Part 1: Intro - Master the Full-Stack: RedwoodJS Step-by-Step Guide - Intro - Master the Full-Stack: Redwoo...
- Part 2: Setup Your Redwood.js Environment: A Beginner's Tutorial - Setup Your Redwood.js Environment: A ...
👉 Part 3: THIS VIDEO 👈
🔗 Links
- RedwoodJS: https://redwoodjs.com/
- RedwoodJS Documentation: https://redwoodjs.com/docs/introduction
👉 Chapters
0:00 - Introduction and Overview
0:55 - Overview of Folder Structure
1:13 - Exploring the API Folder
1:36 - Database Configuration with prisma.schema
1:54 - Directives Folder in API
2:16 - Serverless Functions and GraphQL Setup
2:37 - Library and Services Directories
3:00 - Configuration Files in API Directory
3:26 - Exploring the Web Folder
3:49 - Public Directory and Static Assets
4:08 - React Components folder
4:27 - Layouts and Pages Setup
4:49 - Global CSS and Tailwind Integration
5:08 - Understanding Routes in Redwood
5:25 - Configuration Files in Web Directory
6:05 - Environmental Variables and .gitignore
6:27 - Additional Project Settings Files
6:51 - Yarn Workspaces and Package Management
8:11 - Conclusion and Next Steps
⚡ Quick Links
- Code on GitHub: https://github.com/ahaywood/brazilian...
- Figma File: https://www.figma.com/file/z6Vipsmnua...
Other videos in the series:
- Part 1: Intro - Master the Full-Stack: RedwoodJS Step-by-Step Guide - Intro - Master the Full-Stack: Redwoo...
- Part 2: Setup Your Redwood.js Environment: A Beginner's Tutorial - Setup Your Redwood.js Environment: A ...
👉 Part 3: THIS VIDEO 👈
🔗 Links
- RedwoodJS: https://redwoodjs.com/
- RedwoodJS Documentation: https://redwoodjs.com/docs/introduction
8 ماه پیش
در تاریخ 1402/08/23 منتشر شده
است.
750
بـار بازدید شده