Panaverse

Quarter II (Core)

W2-201: Developing Planet-Scale Web 2.0 Serverless Cloud Apps and APIs using Next.js 13 and Cloud Development Kit (CDK) for Terraform

Duration : 13 Weeks

Course Description:

The objective of this course is to teach participants to develop customer-facing planet-scale Websites, Full-Stack Apps and templates, Dashboards, and Muti-Cloud Serverless APIs. By the end of the quarter, the participants will be able to develop and deploy web platforms like Facebook, Shopify, etc. The technologies covered in this course will include Next.js 13, Figma, Tailwind CSS, Chakra UI, tRPC, QraphQL, Prisma, Cockroachdb Serverless (PostgreSQL Compatible), AWS Serverless Technologies, and Cloud Development Kit for Terraform (CDKTF).

Couse Outline:

1. Next.js 13 Web Development

Next 13 Official Documentation

See Official docs

Latest Learn React Official Website

See Docs

Learn Next.js 13 Learning Repo

Get Repo

2. Next.js 13 using Chakra UI (Remote Zoom Class)

CSS Flexbox Explained – Complete Guide to Flexible Containers and Flex Items

Open guide

Chakra UI Docs

See Docs

3. UI/UX Design with Figma, TailwindCSS, and Chakra UI (Remote Zoom Class)

Designing and Prototyping Interfaces with Figma: Learn essential UX/UI design principles by creating interactive prototypes for mobile, tablet, and desktop by Fabio Staiano

View Book

Figma Design Kit for TailwindCSS

See Kit

Chakra UI Figma Kit

See Kit

4. API Routes with Next.js (Remote Zoom Class)

API Routes

See Docs

5. APIs with Next.js and tRPC (Remote Zoom Class)

Build a tRPC CRUD API Example with Next.js

Link

Stop building REST APIs for your Next.js apps, use tRPC instead

Link

6. SQL and Prisma

Start from scratch with relational databases

Link

SQL For Beginners Video Tutorial

See Tutotial

Database Management Systems and SQL – Tutorial for Beginners

Link

7. Next.js 13 using TailwindCSS (Remote Zoom Class)

Modern CSS with Tailwind, Second Edition by Noel Rappin

Link

8. AWS Application Composer (Remote Zoom Class)

What is AWS Application Composer?

See Video

Event-driven apps with AWS Application Composer

See Video

Visually design and build serverless applications quickly

Link

Must Have: Create Free AWS Account AWS Free Tier

Link

Note: For AWS Free Tier you will need a credit or debit card. The easiest way for Pakistani students is to open a bank account with Meezan Bank. Open a Meezan Aasan Account if you have no earning proof. Meezan Bank will charge Rs. 1100 for ATM Debit Card and there is a requirement of Rs. 100 minimum deposit. The card will be delivered in a few weeks. Our students have reported that this Debit card works with AWS. Now you can create a virtual VISA Debit card through the NayaPay app

Get Card

which can be used to create AWS/GCP/Azure accounts. This is good news for those students who find it difficult to create physical debit and credit cards from banks.

You can also get a $300 credit

Visit

9. Multi-Cloud GraphQL Serverless API Development with Cloud Development Kit for Terraform (CDKTF) (Remote Zoom Class)

Learn Multicloud Serverless API Development using CDK Terraform in Baby Steps

(Download Slide)

Web 2.0 Projects

1. Next.js Projects

Get Repo

2. Styling Next.js Projects using TailwindCSS and Chakra UI

Get Repo

3. Todo Full-Stack App

Get Repo

4. Build a Twitter Clone

See Video

About Us

The Future of the Web is Web 3.0, Metaverse, and Edge Computing. Panaverse DAO is a movement to spread these technologies globally.It is Community of Web 3 and metaverse developers.designers , trainers , startup founders and service providers.