Giter Club home page Giter Club logo

panaverse / learn-nextjs Goto Github PK

View Code? Open in Web Editor NEW
513.0 34.0 220.0 43.75 MB

Learn Modern Full Stack Web 2 and Web 3 Development using Typescript, Next.js 13 Apps, Tailwind CSS, Shadcn UI, Neon, Drizzle ORM, and Sanity

License: MIT License

JavaScript 5.15% TypeScript 56.69% CSS 7.72% SCSS 0.80% Solidity 0.15% Jupyter Notebook 29.22% Python 0.27%
nextjs serverless typescript tailwindcss react serverless-functions neon sanity shadcn-ui drizzle-orm

learn-nextjs's Introduction

Learn Modern Web Development using Next.js 13 in Baby Steps

Must Read: Web Development in 2023: JavaScript Still Rules, AI Emerges

Next.js Conf Keynote Announcing Version 13 :

The Future of the Web: From Cloud to Edge

Before going forward check out this [directory of headless ecommerce stores that excel at both Design and Performance]. Also check out the tools they are using

The stack used in this learning repo, it is a mixture of Jamstack and T3 Stacks: TypeScript, Next.js 13, Chakra UI, tRPC, Prisma, Strapi, CockroachDB serverless (SQL), and MongoDB Atlas (NoSQL).

This repo is part of the Certified Web 3.0 and Metaverse Developer Training Program

Before start learning from this repo, learn TypeScript and by doing these TypeScript Node.js Projects

Checkout the Practice Problems for Next.js 13

Step By Step Guide To Full Stack Web Development | Next.js13 Tailwind Prisma Postgresql Typescript

After completing this repo you should move to these specialized Web 3 learning repos:

Next Dapps Learning Repo

Smart Contract Development Repo

Learn Chakra UI by doing Projects:

Chakra UI Next Projects Repo

learn-nextjs's People

Contributors

abdulwaqar844 avatar alira22aq avatar enggqasim avatar hamzah-syed avatar hassan-ak avatar jahanzaibtayyab avatar jahanzaibtayyab1 avatar junaidalam789 avatar mohammad-haseeb avatar naveed-rana avatar ranarabees avatar shehza-d avatar usmanashrf avatar uzairbangee avatar warishasan avatar zeeshan080 avatar ziaukhan avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

learn-nextjs's Issues

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

I think there is an extra line in step 03

In step03 there is an extra line that says:

We should use the component for navigation unless you have a specific requirement for using useRouter.

Which is not required as dicussed previously in step02 of linking and navigating

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.