Learn Web 2.0 and Web 3.0 Development using Next.js, Typescript, AWS CDK, AWS Serverless, Ethereum and AWS Aurora Serverless

Overview

Learn Web 2.0 Cloud and Web 3.0 Development in Baby Steps

In this course repo we will learn Web 2.0 cloud development using the latest state of the art stack. Using this stack you will be able to develop SaaS applications that scale instantly to support even the most demanding applications, while at the same time delivering up to 90% cost savings. This stack is ideal for a broad set of applications. For example, enterprises that have hundreds of thousands of applications, or software as a service (SaaS) vendors that have multi-tenant environments with hundreds or thousands of databases, can use this stack across the entire enterprise. This stack also provides the foundations for developing Web 3.0 applications and Metaverse experiences.

The Web 2.0 full stack applicatios are build using these technologies:

  1. Typescript Programming Language for Front-end and Backend Development
  2. Visual Studio Code Editor
  3. Front-end Web 2.0 Development Using Next.js
  4. Infrastructure as Code using AWS Cloud Development Kit
  5. AWS Lambda for Serverless Computing
  6. Panacloud CLI for API Development
  7. Amazon Aurora Serverless v2 PostgreSQL 13-compatible edition

This Web 2.0 stack can be easily extended to develop Web 3.0 Dapps using these technologies:

  1. Ethereum Blockchain
  2. Solidity Smart Contract Programming Language
  3. OpenZepllin Smart Contracts
  4. Hardhat Ethereum Development Envirnoment
  5. Ethers.js
  6. Metamask Wallet
  7. Alchemy
  8. The Graph
  9. Chainlink
  10. Panacloud Panaweb Web 3 Framework (Under development)

For more details check out the Panacloud Web 3 Learning Repo

The Web 2.0 and Web 3.0 stacks can easily be extended to develop Metaverse experiences. The backend will remain more less the same, the front-end will move towards 3D from 2D:

  1. Unity 3D XR Development Platform
  2. C# for Unity XR Programming
You might also like...

A sample code that implements a simple Web app using AWS CDK v2

A sample code that implements a simple Web app using AWS CDK v2

A sample code that implements a simple Web app using AWS CDK v2. This code will be introduced in a live coding session at AWS Summit Online Japan 2022 Developer Zone in 2022/5/25.

Dec 5, 2022

A sample CICD Deployment Pipeline for your Alexa Skills, using AWS CDK, CodeBuild and CodePipeline

A sample CICD Deployment Pipeline for your Alexa Skills, using AWS CDK, CodeBuild and CodePipeline

Alexa Skils - CI/CD CDK Pipeline This repository will help you setting up a CI/CD pipeline for your Alexa Skills. This pipeline is powered by AWS Clou

Nov 23, 2022

Sample AWS microservices app with service discovery defined using the CDK. Uses Docker + Fargate & ELB.

Sample AWS microservices app with service discovery defined using the CDK. Uses Docker + Fargate & ELB.

AWS Microservices Demo with CDK and Fargate About Simple AWS microservice-based app. Consists of two Spring Boot based services: Name Service GET /nam

Nov 23, 2022

This application provides the CDK project and a frontend that allows you to build a serverless chat application based on API Gateway's WebSocket-based API feature.

This application provides the CDK project and a frontend that allows you to build a serverless chat application based on API Gateway's WebSocket-based API feature.

Serverless chat application using ApiGateway Websockets This project lets you provision a ready-to-use fully serverless real-time chat application usi

Jan 3, 2023

AWS CDK compiled for web (and Node!)

cdk-web 🚀 DEMO 💪 AWS CDK compiled for web (and Node!) cdk-web and aws-cdk-web are functionally identical packages on npm. read about the differences

Dec 5, 2022

Your Ethereum control panel. Interact with smart contracts on Ethereum.

etherfunk Your Ethereum control panel. Interact with smart contracts on Ethereum. 👉 https://etherfunk.io 👈 Devleopment First, run the development se

Sep 24, 2022

1on1 call demo using Chime SDK meetings, Next.js, AppSync, and CDK!

1on1 call demo using Chime SDK meetings, Next.js, AppSync, and CDK!

Chime SDK Meetings 1on1 call demo with Next.js / AppSync / CDK This is a sample project to demonstrate Chime SDK meetings for one-on-one call with Nex

Dec 15, 2022

🌸 A fast and fun way to learn Japanese alphabets: hiragana & katakana. Don't wait - learn now!

🌸 A fast and fun way to learn Japanese alphabets: hiragana & katakana. Don't wait - learn now!

Sakurator | Start learning 日本語 here Sakurator (Website publish date: ~4-6 April '22) - a personal trainer for learning Japanese alphabets (hiragana &

Jun 22, 2022

Decentralized twitter using Solidity, Ethereum, hardhat, ethers, IPFS, Next.JS, TypeScript, TailwindCSS.

DWITTER: Decentralized Twitter Check out the deployed version of this app at https://dwtr.wajeshubham.in Transactions on Ethereum are slow. Therefore,

Sep 2, 2022
Comments
  • docs: correct

    docs: correct "TypeScript Node.js Projects" link

    Correct the same link in the nextjs12 folder's README.md file as well, please: https://github.com/panacloud-modern-global-apps/nextjs/blob/3c0f0b4dc8c20b0421e10300079c512b65682ca3/nextjs12/README.md?plain=1#L13

    opened by saadfrhan 0
  • Unhandled Runtime Error

    Unhandled Runtime Error

    I am facing this error

    image When I am fetching data from API in page.TSX (server component) and then pass it as a prop to my client component.

    Here is my code:

    Page.tsx

    image

    Button.tsx:

    image

    opened by anas-aqeel 0
Owner
Panacloud Multi-Cloud Internet-Scale Modern Global Apps
Multi-cloud internet scale global JAMstack serverless applications using AI, Blockchain, and IoT Technologies
Panacloud Multi-Cloud Internet-Scale Modern Global Apps
Under the Sea is an official AWS workshop delivered by AWS SAs and AWS Partners to help customers and partners to learn about AIOps with serverless architectures on AWS.

Under the Sea - AIOps with Serverless Workshop Under the Sea is an exciting MMORPG developed by the famous entrepreneur behind Wild Rydes, the most po

AWS Samples 4 Nov 16, 2022
Example Serverless DynamoDB integration tests using Jest, TypeScript and the AWS CDK

serverless dynamodb integration tests ?? Example Serverless DynamoDB integration tests using Jest, TypeScript and the AWS CDK Introduction How to inte

Lee Gilmore 8 Nov 4, 2022
AWS Lambda & Serverless - Developer Guide with Hands-on Labs. Develop thousands line of aws lambda functions interact to aws serverless services with real-world hands-on labs

AWS Lambda & Serverless - Developer Guide with Hands-on Labs UDEMY COURSE WITH DISCOUNTED - Step by Step Development of this Repository -> https://www

awsrun 35 Dec 17, 2022
An AWS Cloud Native application using CDK that defines a Serverless Event Driven application for interacting with Twitter and utilising Machine Learning / AI as a Service.

AWS Serverless Event Driven Twitter Bot An AWS Cloud Native application using CDK (Written in TypeScript) that defines a Serverless Event Driven appli

null 4 Dec 18, 2022
An Amazon Kendra REST API CDK example with an API Gateway, including authentication with AWS Cognito and AWS X-Ray Tracing

Amazon Kendra Web Service CDK Sample Amazon Kendra has a robust JSON API for use with the AWS SDK (software development kit), but does not expose endp

AWS Samples 8 Nov 28, 2022
This Next.js app is designed to be used with the Figment Learn Pathways, to help developers learn about various blockchain protocols such as Solana, NEAR, Secret, Polygon and Polkadot!

???? What is learn-web3-dapp? We made this decentralized application (dApp) to help developers learn about Web 3 protocols. It's a Next.js app that us

t0nto 8 Oct 1, 2022
Sample code for resizing Images with Lambda@Edge using the Custom Origin. You can deploy using AWS CDK.

Resizing Images with Lambda@Edge using the Custom Origin You can resize the images and convert the image format by query parameters. This Lambda@Edge

AWS Samples 16 Dec 11, 2022
Follow along with blog posts, code samples, and practical exercises to learn how to build serverless applications from your local Integrated development environment (IDE).

Getting started with serverless This getting started series is written by the serverless developer advocate team @AWSCloud. It has been designed for d

AWS Samples 55 Dec 28, 2022
MerLoc is a live AWS Lambda function development and debugging tool. MerLoc allows you to run AWS Lambda functions on your local while they are still part of a flow in the AWS cloud remote.

MerLoc MerLoc is a live AWS Lambda function development and debugging tool. MerLoc allows you to run AWS Lambda functions on your local while they are

Thundra 165 Dec 21, 2022