Building a MODERN Full Stack App for FREE w/ NextJS 12, Typescript, Prisma and more - T3 Stack 

Working from scratch is a developers wet dream. Real world we get thrown in a mountain of files we know nothing about and some dude from 2 years ago scaffolded a fart of a codebase with poor conventions. All the original devs are gone except 1 guy who is in meetings 7 out of 8 hrs a day. You waited a week to get someone you never even met to approve your access to the code base so you can clone it. Then you go to install the dependencies off directions written on essentially a bathroom wall. Your npm install blew up 100 times and you forgot how many times you deleted node_modules. Have you ate? Oh you have to be in a meeting in 10 mins. Did you put deodorant on today?

@@trent9060 too accurate

@@trent9060 Busy - On A Meeting

Hey, I know your comment is 7 months old already - Are there any changes with your work as a data engineer? And how would I start learning about it? Like I am assuming not just SQL or Python, but also another proper programming language right?

Sweet man. Love to hear the enthusiasm!

And how’d it go? 😂

@@MichaelMerritt I probably bombed lol

@@MichaelMerritt I probably bombed lol

job yet ???

Favorite question so far! I’m of the belief that traditional infra-heavy backend dev will no longer be the default path for building applications. There are definitely use cases where a traditional backend server is helpful, but I’ve found that the majority of applications are easier to build and maintain using the new providers and serverless patterns If you’re a front end dev looking to expand more into full stack, now is a fantastic time to do it!!!

@@t3dotgg Now Do one with remix-run

@ouss Lol, I did a poll on Twitter and people wanted me to use Solid more so I did a port to that :) Video is uploading now!

For this type of super simple apps, probably not. But the traditional backend is even stronger now than ever before, when it comes to load heavy applications.

This question is all opinion based. Any predominantly front end dev will tell you that a traditional backend isn’t really needed. Any predominantly backend dev will tell you about how incredibly powerful a dedicated backend can be. Write what’s right for your app. As a predominantly backend engineer myself, I do almost of my app logic on the backend. A frontend is just a pretty face pasted over the top of the powerful backend. In fact, a lot of my apps I’ve gotten rid of traditional frontends altogether and am connecting a backend to something like a discord bot. You may ask, is a traditional frontend even needed anymore? ;)

Streamed on twitch but I go live here as well! I do a show every wednesday at 3pm pst, usually I have guests but I do code streams sometimes too!

probability of that happening is extremely small, 1/MAX_DEX entries for any recursive call, so getting 5 calls on the stats is that factor to the fifth power

Had a lot of fun with Elixir and Phoenix! Shipped both for internal tools at twitch. As fun as they are, I’ve found that Elixir fails to scale as teams and codebases grow :( I could theorize for years as to why. Gut feel is leaning towards strongly typed languages being essential at scale. At least I’ve managed to carry a lot of the functional design approaches I learned in Elixir land as I went back to the web world :)

It doesn’t limit, it encourages you not to use them at all. Redux is completely out of the question.

You don’t have to learn much of this to be relevant! A hint of React can get you really far :) I love all the ways things are changing and try to stay on top. Doesn’t mean you have to as well! Take the parts that look interesting and go build some stuff 🙏

Shadow dbs are more for Prisma than Planetscale, it's a common practice for keeping track of data during migrations. You can read more about it in the Prisma docs www.prisma.io/docs/concepts/components/prisma-migrate/shadow-database

I have the exact same issue as you

Idez has me super super covered but you’re high on the list if I ever need more 🙏 hit me on discord if you haven’t already

I’m friendly with Brandon lol. The T3 Stack is “unbundled Blitz” to an extent - I prefer adding the pieces as you need them. For example here we didn’t need auth, Blitz pushes auth into all their templates pretty hard. Blitz is also moving towards a more modular approach, and is working with tRPC to possibly share the data piping layer between the two solutions

@@t3dotgg Lol, I just preached to the choir!

The error is generated because the random data created on the server does not match the random data created on the client (getOptionsForVote) My recommendation is to initialize the ids with useState, and useEffect to setIds only on the client something like this const [ids, setIds] = useState([0, 0]); useEffect(() => { setIds(getOptionsForVote()); }, []);

Did you find anything?

useState + useEffect will do the trick for you

theres a fix in another comment by Rustic Bear, incase anyone runs into this later

The Poimandres theme! Love it to death

Pinning this so I don't get asked anymore

Lmao… People are still asking this question till today, 😂

@@t3dotgg you should add it to every video description at this point.

maybe have a big banner that spans your whole stream lol

I put it in the Vercel "environment variables" page in the project settings. You have to set the DATABASE_URL environment variable so the Vercel deployment knows how to connect to DB The password being copied is URL from "Node.js MySQL" option under "Connect" in the Planetscale web UI

I’ve been loving it so far. Down to elaborate on some issues you’ve had?

@@t3dotgg It's hard to recall specific issues, but some where I lost a lot of my time come to mind. Since Prisma is relatively young, trying to implement complex functionality with Prisma occasionally runs to a point where the thing I need from Prisma doesn't/didn't exist at the time that I needed it. However, one reason I love Prisma, more than a few times this has happened, the thing I needed got released shortly after.

@@t3dotgg For me, I dropped Prisma after attempting to get a quasi polymorphic table where I have several different resource models that can have tags. I wanted to have something like a relational table for tag resources which then relates a specific tag(s) to multiple different resources and relate them programmatically (since you cannot have multiple foreign keys in one field for different resources). With Prisma, I can't do this unfortunately. I have to create a table with the tagId column and an additional id column for each resource type that I have. Another thing that bothers me (but does not impact my designs in any way, it was just annoying) is the fact that when creating a relationship in Prisma, it will always attempt to create a relational field on the related table so that you can programmatically query that field. When designing my schema, I sometimes wanted to only have a simple one-way relation and didn't want to have the other field since it was never going to be used. However, prisma forces this design which bothers me. There is also the fact that there are some field types that it doesn't support like inet and interval fields in postgresql which I use. You also cannot create triggers easily... You can create them by doing something like this stackoverflow.com/questions/68909400/prisma-model-generation but it's not very feasible imo. There were other scenarios that I found hard to use prisma but I don't remember them now. Now I use KnexJS with ObjectionJS and I love every bit of it!

@@RjBurger I bet you heard someone else say this and shaped your opinion.

@@kiranojha8811 This is all from me after 2 years of using Prisma

Vanilla MacOS terminal + vanilla oh-my-tmux. Colors are snazzy-operator I think?

Sorry semi new to coding and wanted to recreate this voting app following this video but with anime characters. Thanks.

@@charlesaleg3 if it's not a 1-to-1 copy, why not? if it is a 1-to-1 copy then...... ???????

"-bg-gray- 800" does not start with a "- " its just "bg-gray- 800"

Make sure you have the @tailwind directives in the CSS file you’re applying classes in

@@t3dotgg Thank you so much!

@@ahmeddakir5000 Thank you so much!

I've been using Prisma for my latest client btw, but not using it so much in terms of the migration. I have more experience in terms of that with Lucid and Typeorm

TypeORM had some major bugs that could cause data to be lost. So I've avoided it.

welp the current pokemon in first place is Zapdos, while Voltorb is in freaking 5th place.

prove it

doo doo poo poo theme I think

caveman find rock. caveman bash neighbor caveman brain in. caveman live happy life.

It'll make sure that there is never a drift between your true database and the database created from sequentially running your entire migration history.

did you do better, son?

No I lost it in the Red Wedding when Angular 2 dropped

What does that mean "Chrome cannot handle web socket"? It can bruh

@@keemkorn look it up, there is a limit on concurrent websocket you can open in chrome. e.g. if you use nextjs or some projects that uses web socket with their lcoalhost, you can't open more than 2-3 of them which is very very annoying

he speaks like him too when describing concepts and answering questions sadly

Omfg 😂😂