Hey James, do the second tutorial. I started using Sveltekit like the day it released and auth was one of the things I had to figure out, at least doing it in a correct way. Also people might enjoy seeing endpoints and context module being used in conjunction to talk with an API
Yes, please. I am also highly interested in CRUD operations with SvelteKit. Maybe using PostgreSQL??, whatever db you prefer. On a side note, Rich Harris just joined with Vercel, and is now working on Svelte full time. Kinda big news on par with log4js. Great channel, would greatly enjoy ep 2. Also, gonna try Thunder Client extension for VSC, thanks for the heads up. +1
@@timsonner You should check out Prisma and try setting up a project with Sveltekit using it in endpoints in the meantime. Definitely great news about Rich joining Vercel, I actually watched an interview which he mentions it on the 14th.
@@Protoscribe Very cool, I was just on the Prisma site, they did a great job (beautiful site, great documentation). Here is a link to the Vercel interview with Rich Harris being interviewed by Lee Robinson: ua-cam.com/video/uQntFkK8Z54/v-deo.html Thanks for the heads up on Prisma.
Hi James. Lovely 3 years old tutorial. Coming back to the togglemethod in our store. Is there a way to pass in directly the todo object and mutate its selscted attribute directly ? Hoping that we donot traverse through the whole store.
Yeah it’s a tough balance with UA-cam content because of the setup time and not knowing if everyone that is watching has that experience. Regardless I definitely want to do more!
For anyone getting this error message: Cannot read properties of undefined (reading 'config') Create a new file called tailwind.config.cjs file under your root dir and add the following: // tailwind.config.cjs module.exports = { purge: ['./src/**/*.svelte', './src/**/*.css'], darkMode: false, theme: {}, variants: { extend: {}, }, plugins: [], }
Thank you, could you do the video on jwt, how to secure it, save it from vulnerability, whats the best practices and recommendation.Also please do the videos about dashboard after login where content will be loaded dynamically with click on nav.Also how do we secure page or route.
Cool tutorial, yet when I add the postcss.config.cjs file it throws an error. I've tried several times but keep getting - TypeError: Cannot read properties of undefined (reading 'config') at getTailwindConfig
I got stuck almost immediately. My import won't recognize my css file. I tried moving it to the source folder, changing out the '@tailwind' with some plain css to modify the paragraph. This can be so frustrating sometimes.
Part two will be quite nice, with authentication and cloud dB, preferably nosql (firebase or mongodb). I had trouble connecting sveltekit with firebase v9 hopefully you can shade some light Though we requested a part two of Pokémon app you didn’t last time using sveltekit, I guess it won’t happen. BTW, thanks for doing this buddy
Im trying to use Sveltekit as SSG, but no luck yet. I cannot deploy any server-side code, i want to have bunch of html pages that i can host on AWS S3 - is this something you could cover?
I think UA-cam's like button is broken, it only respond once though I clicked many times 😌😌 Thanks man this is much better, waiting for the second part
Would be interesting to see if/when you do the persistent store, how about doing a 2fer, meaning you use TypeScript. Even better take the current version, and retrofit both the date store and Typescript. Thanks.
Interesting introduction to svelte for me. Seems pretty easy. You seem knowledgeable. Just slow down. Lots of tiny technical mistakes due to rushing. I’m going to check your channel out but good job!
Thank you for the great videos! They're super helpful. Would you be interested in doing a Part 3 where you show how to integrate SvelteKit with the URQL GraphQL client, then use Capacitor to turn it into a native mobile app? Thank you!
Hi James. I am trying to change the favicon that comes by default with svelteKit but I have not been able to do it, I have tried several methods and none have worked. in theory, the favicon image is located in /static. and is called from the html with: I change the image of the static folder but it does not modify the output. do you have any method to do it? thank you
Tailwind config not working for me, I got a SSR error : "Error when evaluating SSR module /src/routes/__layout.svelte", and then it written "Cannot read property 'config' of undefined". I can't find a good solution on internet, anyone has an idea of how to fix it ?
Great video. I assume so much inline styling is due to "just a demo", but since i new to svelte and some tutorials saying that svelte convert all styles to its own format (adding svelte prefixes) i was wondering if it is possible/how easy is to fully separate svelte app from css (use classes and ids in svelte component and external css for styling)?
that class technique using template literal was awesome. i use class directive from svelte docs. but i think using template literal has it advantages. specially together with tailwind
Hey, really nice video! I hope you could get a little deeper into svelte kit doing something that uses database and handle searchQuery and such. The docs about page load are not that good.
Please do the database tutorial you mentioned. I finished a few Udemy courses and trying to learn Sveltekit. Can't find anything to do with interacting with database tho. Great channel.
Svelte is always amazing, would really like it if you could do more svelte videos. could you also do a video on deploying a sveltekit app to vercel or netlify I've been getting build errors.
Hey can you a udemy course or something like a event pass where people can create and event and only view their users that signed up. Would be great to learn about policies
Hi James. Keep up the svelting 😀🤙 Check svelte for direct support for conditional class assignments. Also, the moment you find that you repeat a styling then create a component. Buttons etc .. Would love to see Auth example.
Svelte is great. No question. I love it, but one significant problem - it has no community support to speak of. Vercel is backed by venture capitalists - basically sharks. If things don't give them a rapid return will they stick by Svelte or dump it? Do I dare gamble my customers that it will still be here is 2 years?
@@JamesQQuick 100% I genuinely do not see a reason why you would build anything without it these days. even of you dont use any types or TS syntax your dx is going to be better. There is an argument to be made if your writing a library but even imho its a no
DB plz and perhaps some kinda refresh token auth w/a backend for todos, If you show ppl that, they pretty much can build their own social media app and take on the world ;) Great job!
Nice video, It is really helpful to us traders, investing in crypto is the best and fastest way of making money, but only few understood the secret of crypto currency.
Make sure to check out Part 2 where we add Supabase, authentication, and more! ua-cam.com/video/YqIyET7XKIQ/v-deo.html
Yes for part2 please! Would be cool to include TypeScript + Data storage
Part 2 has been published! ua-cam.com/video/YqIyET7XKIQ/v-deo.html
Hey James, do the second tutorial. I started using Sveltekit like the day it released and auth was one of the things I had to figure out, at least doing it in a correct way. Also people might enjoy seeing endpoints and context module being used in conjunction to talk with an API
Agreed
+1
Yes, please. I am also highly interested in CRUD operations with SvelteKit. Maybe using PostgreSQL??, whatever db you prefer. On a side note, Rich Harris just joined with Vercel, and is now working on Svelte full time. Kinda big news on par with log4js. Great channel, would greatly enjoy ep 2. Also, gonna try Thunder Client extension for VSC, thanks for the heads up. +1
@@timsonner You should check out Prisma and try setting up a project with Sveltekit using it in endpoints in the meantime. Definitely great news about Rich joining Vercel, I actually watched an interview which he mentions it on the 14th.
@@Protoscribe Very cool, I was just on the Prisma site, they did a great job (beautiful site, great documentation). Here is a link to the Vercel interview with Rich Harris being interviewed by Lee Robinson:
ua-cam.com/video/uQntFkK8Z54/v-deo.html
Thanks for the heads up on Prisma.
Hi James. Lovely 3 years old tutorial. Coming back to the togglemethod in our store. Is there a way to pass in directly the todo object and mutate its selscted attribute directly ? Hoping that we donot traverse through the whole store.
Honestly speaking, i'd love to see TS in all future projects. It's a bit of extra effort, but the benefits are just unparalleled
Yeah it’s a tough balance with UA-cam content because of the setup time and not knowing if everyone that is watching has that experience. Regardless I definitely want to do more!
Sveltekit and tailwind look so smooth together definitely gonna use these for my to-go tech stack
good quality video! content, sound, font size, clarity all is just correct. thank you.
Yes please, a second part with auth & storage would be great and much appreciated.
Part 2 has been published! ua-cam.com/video/YqIyET7XKIQ/v-deo.html
Great video and enjoyed this collab as well! Looking forward to more of these 🥂
Part 2 has been published! ua-cam.com/video/YqIyET7XKIQ/v-deo.html
What do you use for screen capture?
We want part 2. Thanks James!
Coming soon!
Part 2 has been published! ua-cam.com/video/YqIyET7XKIQ/v-deo.html
For anyone getting this error message: Cannot read properties of undefined (reading 'config')
Create a new file called tailwind.config.cjs file under your root dir and add the following:
// tailwind.config.cjs
module.exports = {
purge: ['./src/**/*.svelte', './src/**/*.css'],
darkMode: false,
theme: {},
variants: {
extend: {},
},
plugins: [],
}
Great! Thanks a lot, it works now.
bless you man sheeeeesh, thought id get stuck 7mins into the video!
thanks bro
What extension is changing how arrow functions and != look? It looks really nice
Def keen for part 2!
Part 2 has been published! ua-cam.com/video/YqIyET7XKIQ/v-deo.html
For sure a part two as well, keep up the great work!
Part 2 has been published! ua-cam.com/video/YqIyET7XKIQ/v-deo.html
Awesome, thank you James!
In your opinion is SvelteKit production ready?
Thank you, could you do the video on jwt, how to secure it, save it from vulnerability, whats the best practices and recommendation.Also please do the videos about dashboard after login where content will be loaded dynamically with click on nav.Also how do we secure page or route.
This was an amazing video! I would very much be interested in a part 2 that communicates with a DB and includes authentication.
Part 2 has been published! ua-cam.com/video/YqIyET7XKIQ/v-deo.html
very excited for sveltekit, please do part 2
Coming next week! :)
Part 2 has been published! ua-cam.com/video/YqIyET7XKIQ/v-deo.html
Man Svelte / Sveltekit is so awesome. I think React/Next and Svelte/Sveltekit + TS and Tailwind in my frontend toolbox is going to be so valuable.
Thank you for the quick tut, awesome job, hopefully, we see part 2 ...
Part 2 has been published! ua-cam.com/video/YqIyET7XKIQ/v-deo.html
I've had a lot of struggles with sveltekit & their transitions between pages, not sure if i'm 100% fan of it
Cool tutorial, yet when I add the postcss.config.cjs file it throws an error. I've tried several times but keep getting - TypeError: Cannot read properties of undefined (reading 'config')
at getTailwindConfig
add tailwind.config.cjs at the root directory
//tailwind.config.cjs
module.exports = {
content: ["./src/**/*.{html,js,svelte}"],
theme: {
extend: {},
},
plugins: [],
}
solved for me.
@@ChakritTansakul Thanks. This helped me to get it working
@@vipinjose5552 Great suggestion this worked for me too
Anyone knows what color theme he's using ?
Yes please do the second part
Part 2 has been published! ua-cam.com/video/YqIyET7XKIQ/v-deo.html
so now how do i deploy it to my server?
Nice that you ask if we want to see more typescript 😊 Yes please sir! Typescript + sveltkit wombo combo would be awesome!
nice work James
Thank you!!
thankyou for quick guide
please Make a complete sevelte playlist with backend connectivity it gives a lot of help !
what version of nodejs are you using?
need auth, saving to db and pwa features too.
Great video and typescript for sure 😉 💪🏾
I got stuck almost immediately. My import won't recognize my css file. I tried moving it to the source folder, changing out the '@tailwind' with some plain css to modify the paragraph. This can be so frustrating sometimes.
Yes to part two! :)
Part 2 has been published! ua-cam.com/video/YqIyET7XKIQ/v-deo.html
The part 2 would be great!!!
Part 2 has been published! ua-cam.com/video/YqIyET7XKIQ/v-deo.html
Part two will be quite nice, with authentication and cloud dB, preferably nosql (firebase or mongodb).
I had trouble connecting sveltekit with firebase v9 hopefully you can shade some light
Though we requested a part two of Pokémon app you didn’t last time using sveltekit, I guess it won’t happen.
BTW, thanks for doing this buddy
Haha fair enough. It’s hard to keep up with all the part 2s. I wish I had more time lol
@@JamesQQuick I understand, it's oukay brother; just do justice on this one; this is already huge.
Part 2 has been published! ua-cam.com/video/YqIyET7XKIQ/v-deo.html
James, could you link the video with this nice intellisense feature in the console? Thanks.
This will help. ua-cam.com/video/SyOnB1qvPn0/v-deo.html
Great tutorial, pleaseeee do a Part 2 with Firebase!
Part 2 has been published! ua-cam.com/video/YqIyET7XKIQ/v-deo.html
@@JamesQQuick Supabase is even better :)
Part 2 please!
Part 2 has been published! ua-cam.com/video/YqIyET7XKIQ/v-deo.html
Would love a data persistence & authentication tutorial as part 2! Would love to see it with using a microservice using Express + PostgreSQL!
Part 2 has been published! ua-cam.com/video/YqIyET7XKIQ/v-deo.html
Im trying to use Sveltekit as SSG, but no luck yet. I cannot deploy any server-side code, i want to have bunch of html pages that i can host on AWS S3 - is this something you could cover?
I think UA-cam's like button is broken, it only respond once though I clicked many times 😌😌
Thanks man this is much better, waiting for the second part
Yes to dB part 2. 🙏🏼
Part 2 has been published! ua-cam.com/video/YqIyET7XKIQ/v-deo.html
@@JamesQQuick thanks james!
Would be interesting to see if/when you do the persistent store, how about doing a 2fer, meaning you use TypeScript. Even better take the current version, and retrofit both the date store and Typescript. Thanks.
Part 2 has been published! ua-cam.com/video/YqIyET7XKIQ/v-deo.html
12:50 No Its not by default. By default it is
Interesting introduction to svelte for me. Seems pretty easy. You seem knowledgeable. Just slow down. Lots of tiny technical mistakes due to rushing. I’m going to check your channel out but good job!
Yes, please make one with the backend.
Part 2 has been published! ua-cam.com/video/YqIyET7XKIQ/v-deo.html
Part 2 would be insane ! Firebase or maybe supabase ?
Part 2 has been published! ua-cam.com/video/YqIyET7XKIQ/v-deo.html
Please do the second tutorial.
Part 2 has been published! ua-cam.com/video/YqIyET7XKIQ/v-deo.html
@@JamesQQuick YOU LEGEND!!
Thank you for the great videos! They're super helpful. Would you be interested in doing a Part 3 where you show how to integrate SvelteKit with the URQL GraphQL client, then use Capacitor to turn it into a native mobile app?
Thank you!
I would love if you could do a tutorial based on svelte kit and firebase auth with creating and getting documents
Part 2 has been published with Supabase! ua-cam.com/video/YqIyET7XKIQ/v-deo.html
Hi James. I am trying to change the favicon that comes by default with svelteKit but I have not been able to do it, I have tried several methods and none have worked. in theory, the favicon image is located in /static. and is called from the html with:
I change the image of the static folder but it does not modify the output. do you have any method to do it? thank you
Tailwind config not working for me, I got a SSR error : "Error when evaluating SSR module /src/routes/__layout.svelte", and then it written "Cannot read property 'config' of undefined".
I can't find a good solution on internet, anyone has an idea of how to fix it ?
have to make the config file first, skip a minute into the video
It twas a very clear explanation. Good job. Would you also do the typescript version, please? Thanks
Yes, I need to do more TypeScript stuff!!
This is great! Please do the second part with db and auth when you can.
Part 2 has been published! ua-cam.com/video/YqIyET7XKIQ/v-deo.html
Amazing!
Would love it if you do more videos with database. Something with complex designs would also be great.
Part 2 has been published! ua-cam.com/video/YqIyET7XKIQ/v-deo.html
Great video. I assume so much inline styling is due to "just a demo", but since i new to svelte and some tutorials saying that svelte convert all styles to its own format (adding svelte prefixes) i was wondering if it is possible/how easy is to fully separate svelte app from css (use classes and ids in svelte component and external css for styling)?
I am interested for part 2.
Part 2 has been published! ua-cam.com/video/YqIyET7XKIQ/v-deo.html
Part 2 please :)
Part 2 has been published! ua-cam.com/video/YqIyET7XKIQ/v-deo.html
I'm starting learn svelte and I'm straggling with endpoints
bruh.. whats your vscode theme?
that class technique using template literal was awesome. i use class directive from svelte docs. but i think using template literal has it advantages. specially together with tailwind
Interested in part2 for learning auth and db
Part 2 has been published! ua-cam.com/video/YqIyET7XKIQ/v-deo.html
Hey, really nice video! I hope you could get a little deeper into svelte kit doing something that uses database and handle searchQuery and such. The docs about page load are not that good.
Part 2 has been published! ua-cam.com/video/YqIyET7XKIQ/v-deo.html
Sir plz part 2 😃
Please do the database tutorial you mentioned. I finished a few Udemy courses and trying to learn Sveltekit. Can't find anything to do with interacting with database tho. Great channel.
Will do. My podcast cohost are working on a new course for next year. You can sign up at everythingsvelte.com
Part 2 has been published! ua-cam.com/video/YqIyET7XKIQ/v-deo.html
@@JamesQQuick Looking forward to it, glad to see you went with Supabase as well.
Would love a part 2 with mongodb and auth0
Svelte is always amazing, would really like it if you could do more svelte videos. could you also do a video on deploying a sveltekit app to vercel or netlify I've been getting build errors.
Part 2 has been published! ua-cam.com/video/YqIyET7XKIQ/v-deo.html
yes very interested
Part 2 has been published! ua-cam.com/video/YqIyET7XKIQ/v-deo.html
Sorry that don't works for me. ;)
I fucking love svelte and sveltekit
Hey can you a udemy course or something like a event pass where people can create and event and only view their users that signed up. Would be great to learn about policies
AYO SUH MY DOOOD
James, what does the Q in your name mean ?
Quentin
Also, Quality :)
Hi James. Keep up the svelting 😀🤙
Check svelte for direct support for conditional class assignments. Also, the moment you find that you repeat a styling then create a component. Buttons etc ..
Would love to see Auth example.
Part 2 has been published! ua-cam.com/video/YqIyET7XKIQ/v-deo.html
Svelte is great. No question. I love it, but one significant problem - it has no community support to speak of. Vercel is backed by venture capitalists - basically sharks. If things don't give them a rapid return will they stick by Svelte or dump it? Do I dare gamble my customers that it will still be here is 2 years?
Well, since it is so much better than the alternatives it will most probably survive for years to come
Freaking cool
bruh... why is no TS even an option?!?
Lol think it should just be required?
@@JamesQQuick 100% I genuinely do not see a reason why you would build anything without it these days. even of you dont use any types or TS syntax your dx is going to be better. There is an argument to be made if your writing a library but even imho its a no
25:11 pun intended?! :D
yay
But it's Thursday!!
we are interested :)
Part 2 has been published! ua-cam.com/video/YqIyET7XKIQ/v-deo.html
Nice short introduction.
Thank you!!
DB plz and perhaps some kinda refresh token auth w/a backend for todos, If you show ppl that, they pretty much can build their own social media app and take on the world ;) Great job!
Part 2 with auth0!!!!!!! Por favor.
Part 2 has been published! ua-cam.com/video/YqIyET7XKIQ/v-deo.html
Nice video,
It is really helpful to us traders, investing in crypto is the best and fastest way of making money, but only few understood the secret of crypto currency.
I'm surprised you know her too. I've been making a lot of profits investing with her for a few months now.??
You invest with Mrs addison too? Wow that woman has been a blessing to me and my family??.
@ben james You can reach her on Telegram with the user name
@ben james Thanks i just message her now investwithaddison
second, pleeeeease
Part 22222
Part 2 has been published! ua-cam.com/video/YqIyET7XKIQ/v-deo.html
I used this to add Tailwind to Sveltekit incase anyone is interested :
tailwindcss.com/docs/guides/sveltekit
thanks, this fixed my issue with styling not appearing