- 48
- 327 129
ScriptBytes
United States
เข้าร่วมเมื่อ 7 ธ.ค. 2019
My name is Jeff. My goal is to upload tech, gear, and programming videos focusing on the things that I use as a full time .Net and Angular developer.
NextJS Upload to Google Cloud Using Signed URL
Learn how to upload files to Google Cloud Storage in NextJS using a Signed URL. Signed URL's are a great option for granting temporary permission to users, or for uploading larger files.
In this demo I get the Signed URL using a server action.
I also cover how to create the service account and add the JSON Key to the project, as well as how to configure the CORS setting on your Google Cloud Storage bucket.
Google Cloud docs on uploading using Signed URLs:
cloud.google.com/storage/docs/samples/storage-generate-upload-signed-url-v4
Google Cloud docs on setting up CORS config:
cloud.google.com/storage/docs/using-cors#command-line
Github link for code from video:
github.com/ScriptBytes/NextJSDemo/tree/upload-signedurl
Follow me on social media!
Instagram: scriptbytes
Threads: www.threads.net/@scriptbytes
Check out my blog!
scriptbytes.io/
In this demo I get the Signed URL using a server action.
I also cover how to create the service account and add the JSON Key to the project, as well as how to configure the CORS setting on your Google Cloud Storage bucket.
Google Cloud docs on uploading using Signed URLs:
cloud.google.com/storage/docs/samples/storage-generate-upload-signed-url-v4
Google Cloud docs on setting up CORS config:
cloud.google.com/storage/docs/using-cors#command-line
Github link for code from video:
github.com/ScriptBytes/NextJSDemo/tree/upload-signedurl
Follow me on social media!
Instagram: scriptbytes
Threads: www.threads.net/@scriptbytes
Check out my blog!
scriptbytes.io/
มุมมอง: 2 937
วีดีโอ
NextJS Upload to Google Cloud Storage
มุมมอง 5K9 หลายเดือนก่อน
Learn how to use NextJS to Upload files to Google Cloud Storage! This video will show how to upload files to Google Cloud Storage using either a server action or an API route. These are both great options for smaller sized files. #googlecloud #programming #software Github link with code: github.com/ScriptBytes/NextJSDemo How to set up Application Default Credentials: cloud.google.com/docs/authe...
Task WhenAll vs Parallel ForEach
มุมมอง 9499 หลายเดือนก่อน
Learn the differences between Task WhenAll vs Parallel ForEach and when to choose the correct one for your .Net 8 applications. Choosing the right option could be critical for the performance of your applications. Task WhenAll is a great option for smaller batches of IO code that can all be done at one time. For example making 10 database queries at one time. Parallel ForEach is a good option f...
Memory Cache in Dotnet API
มุมมอง 4979 หลายเดือนก่อน
Learn how to add a memory cache into a dotnet 8 api. Using a memory cache for frequently accessed data is a quick and easy way to both improve the performance of your API and reduce network traffic and database calls. Github branch with code from this video: github.com/ScriptBytes/DemoApi/tree/memory-cache Follow me on social media! Instagram: scriptbytes Threads: www.threads.net...
.Net 8 API Role Based Authorization
มุมมอง 7K9 หลายเดือนก่อน
Learn how to add role based authorization to your .Net 8 API using the IClaimsTransformation interface. This is a great way to protect your .Net API routes based on whether your user has specific roles. Microsoft docs for IClaimsTransformation: learn.microsoft.com/en-us/aspnet/core/security/authentication/claims?view=aspnetcore-8.0#extend-or-add-custom-claims-using-iclaimstransformation Github ...
Blazor 8 Docker | Build a Blog - Ep 04.5
มุมมอง 2.5K10 หลายเดือนก่อน
Learn how to run a Blazor 8 application in Docker. I show how to set up Docker and Docker Compose to run our combo server/client Blazor 8 application. Since my application is using TailwindCSS, I also show how to add the node step in the dockerfile to build and minify our tailwindcss files. Code from this episode can be found here: github.com/ScriptBytes/BlazorBlogSeries/tree/episode045-docker ...
Blazor Blog Data Structures | Build a Blog - Ep 05
มุมมอง 32510 หลายเดือนก่อน
In this video I begin the process of designing our blog data structures in a way that will allow us to save the information to a database. I demo a couple ways of doing, including showing how Wordpress saves their data, how I'm doing using inheritance for each of the content block sections, and also using a json data column, which is how Notion saves their data. Code from this episode can be fo...
Blazor Server Code Syntax Highlighting with Highlight.js | Build a Blog - Ep 04
มุมมอง 64610 หลายเดือนก่อน
In this video I show how to add code syntax highlighting to my Blazor server side blog using Highlight.js. Since our pages are rendered on the server, we have to take extra steps to ensure that our javascript is getting called correctly. To do this we have to utilize a Razor Class Library and a javascript library module from Microsofts documentation page. Highlight.js website: highlightjs.org/ ...
Blazor Render Fragments | Build a Blog - Ep 03
มุมมอง 49710 หลายเดือนก่อน
In this episode of Build a Blog in Blazor, I show how Render Fragments work. Render fragments allow you to pass child content/html into your components that will be rendered inside your component. I show how to use the default ChildContent render fragment, as well as how to use multiple fragments and use them by name. Code from this episode can be found here: github.com/ScriptBytes/BlazorBlogSe...
Blog Layout and Design | Build a Blog - Ep 02
มุมมอง 68711 หลายเดือนก่อน
In this episode of Build a Blog in Blazor I begin to set up the overall layout and design of our site using Tailwind CSS. I use my original wordpress blog as a starting point and replicate the general layout of it. My main focus is to set up the navbar and post layout while making sure it is responsive and looks good on both large and small size screens. Code from this video found here: github....
Add Tailwind CSS to Blazor! | Build a Blog - Ep 01
มุมมอง 2.4K11 หลายเดือนก่อน
In this video of the Build a Blog series, I set up our initial Blazor application and I show how to add Tailwind CSS to it. By default Blazor apps come with Bootstrap included, but I prefer to strip it out and use Tailwind. I show how to set up and configure Tailwind config file and how to use the Tailwind CLI along with npx to create the final css file. I also give some hints on how to run the...
Build a Blog in Blazor! Tutorial | Ep 00 - Introduction
มุมมอง 73911 หลายเดือนก่อน
Welcome to my new series where we are going to build a blog in Blazor version 8. In this tutorial series I am going to show the entire process of building a full stack, server side rendered, SEO friendly blog using Blazor 8, .Net, and Postgres. I am going to start with a goal of creating a small, working Minimum Viable Product, or MVP. If you want to follow along, I will be pushing all of my co...
Entity Framework Web API Tutorial .Net 8
มุมมอง 4.2K11 หลายเดือนก่อน
In this video tutorial I will show how to use Entity Framework with a Web Api. I will go over the basics of how the Entity Framework ORM works with mapping entities to database tables using the Database Context, how it generates the SQL queries, how it tracks changes to entities that you query, and how it uses that information to determine how to edit records. Link to the Github Repo with all o...
Manually Deploy to Cloud Run - Updated for Artifact Registry
มุมมอง 7Kปีที่แล้ว
In this video I show how to manually deploy a Docker image to Cloud Run using Artifact Registry. This is an updated video, I did one previously that used Container Registry, but Google has since suggested to use Artifact Registry. I show how to create the image repository in Artifact Registry, how to build the image, how to authenticate docker with Artifact Registry, tag the image, push the ima...
Deploy to Cloud Run using Cloud Build and Artifact Registry
มุมมอง 3.4Kปีที่แล้ว
Learn how to use Google Cloud Build to deploy an application to Cloud Run using the Artifact Registry. I show how to set up the Cloud Run Service, the repository in Artifact Registry, and the trigger in Cloud Build using a cloudbuild.yaml file. Github Repo for code reference. As of right now it's in the dev branch: github.com/ScriptBytes/DemoApi/tree/dev Follow me on social media! Instagram: in...
Call JavaScript From Blazor Web Assembly
มุมมอง 1.2Kปีที่แล้ว
Call JavaScript From Blazor Web Assembly
Monitor API's with Uptime Checks in Google Cloud!
มุมมอง 592ปีที่แล้ว
Monitor API's with Uptime Checks in Google Cloud!
Upload and Download Files to Google Cloud Storage using .Net
มุมมอง 8Kปีที่แล้ว
Upload and Download Files to Google Cloud Storage using .Net
Import CSV to SQL Server using Azure Data Studio
มุมมอง 21Kปีที่แล้ว
Import CSV to SQL Server using Azure Data Studio
The Essential Docker Commands You Need to Know
มุมมอง 590ปีที่แล้ว
The Essential Docker Commands You Need to Know
Google Cloud SQL with a Public IP | Tutorial
มุมมอง 4.6Kปีที่แล้ว
Google Cloud SQL with a Public IP | Tutorial
Manually Deploy Docker Image to Google Cloud Run | Tutorial
มุมมอง 34Kปีที่แล้ว
Manually Deploy Docker Image to Google Cloud Run | Tutorial
Obrigado
Thank you ,will try it and check for updates required in 2024👌😀
Thank you for this, but Breakpoints does not trigger on my end. Is there any way to solve this?
Superb Nice Explanation
i have to fill the property AuthenticationSchemes of the authorize attibut like this : Authorize(AuthenticationSchemes = "BasicAuthentication") otherwise i have a 404 not found response instead of 401
3:10 Create Dbcontext 4:40 Configure connection string
If i could like this video twice, i would! Super easy to understand and follow
Thanks a lot for simple and straight forward tutorial.
Subscribed & Liked. EXACTLY the video I needed. Thanks! Everything you shared worked just fine. This is all I need as I am just trying to keep things as simple as possible. Have a great week! 😎
Why do people act as if BASIC auth doesnt exist. I dont want OAuth for an internal api that is IP restricted. Im the developer and if I decide basic auth is "secure enough" its up to me. Infuriates me searching for something so simple and Microsoft being like "Have you heard about OAuth and identity". Yes, i have used them many times, it just isnt needed now!
Sir, may i know how to make an video like you in this video with bubble face cam ? May i ask for help what software are you using ? Thanks in advance, cause i need that information to me for sharing and teach as well to other people
Excellent video 👍 How to run Azure data studio inside a container?
Excellent video 👍 How to run Azure data studio inside a container?
Just wanted to say a huge thank-you for this video. I've just begun diving into Docker and now Blazor Web Apps (after having done loads with Blazor Server), and this is the first guide I've been able to follow along with and deploy my app. The big thing though is you break down what the commands are doing so I actually understand what I did. Thank-you!
What about automated process may be using IaC, please do a video for that, many thanks to your amazing teaching skills
How do you handle blank lines in bulk inserts? it throws error
image not available in 2024
I really enjoy watching your video!!
Obrigado!! Ajudou demais!!!
thank you very much. ❤
Hi, Just a question, i am new to .net/C#, came from javascript world. Should i add the role in the schema? Since when i am using mongo db, i can add the role in the schema? Thank you so much
Works for me, but I cant get it to launch in edge (although it's set as default in Rider). It will always launch in my system default browser
thanks, works great
Quite the conundrum. Shitty battery life vs shitty OS and software compatibility. I guess one needs to prioritise what's more important.
connectton does not work !!!!!!!!!!!!!!!!!!!!!!
Thanks Man!!
You are so succinct and fluent in explaining every little tidbit meticulously and flawlessly. I'd appreciate if you can make a 1 hour docker course. Because, it can cover and clear all the concepts of docker in 1 hour which other videos of length 10+ hours unable to do. Thanks so much ❤
@1:46 this solved my port issue. My simple node app was not working and I spent the whole day fixing it. Thanks for the explaining clearly such an important step. You are awesome. Subscribed!
Same!!!
thnaks man
Thanks bud!
No problem!
Microsoft azure is unusable
How so?
So nice and clear, thank you!
Glad it was helpful!
what fetures lost if i use cdn only?
The cdn includes ALL of the css. When you use the cli it creates the css file with only the classes you are actually using, so it’s a much smaller file.
hi, i have some issue when i migrated with enum data type, inside my db it should be enum instead of int do you know how to fix that?
Danke!
Thank you very very much!
how to on visual studio sir
Had so much trouble getting the MongoDB setup for my new Unifi controller, no one else seems to document the username/password configuration options, thanks a bunch.
Very helpful video, was pulling my hair out trying to figure out why this wouldn't work. Thanks for 'highlighting' 👀the link to that page in the docs
Try Thinkpad with Debian 12 instead pls.
It's a clear tutorial but you never show problem cases. It always works with you perfectly and you never fix a problem in your tutorial. For example in connection stage, I could not connect from azure data studio. The rest of the tutorial for me was google.
great video sir thank you
God bless you, the documentation is unclear and your video saves a lot of time. Thank you
Does it expire after a time limit lets say 30 days or 90 days?
Congrats, this is the only resource on the internet that I've found to deploy an Angular app using a Dockerfile!
Thanks! That was great!
Thanks. Happy codding.
Very nice tutorial ! One mention, in the handler code, at line 50, when you wrote username != “like” && password != “subscribe” you shouldn’t use the AND operator but rather the OR operator. With the AND operator, if just one is different and the other is equal it will pass with a success result. If you put OR, if either one is different and one is equal, it will fail (as it should because both need to be equal in order to succeed).
Thank you very much for this video. This is what I was looking for :-)
for publishing i think should add this, to automate build tailwind on .csproj : <Target Name="Tailwind Build Command" BeforeTargets="Build" Condition="'$(Configuration)' == 'Release'"> <Message Text="build tailwind" Importance="high"/> <Exec Command="npm run build"/> </Target> on package.json : "scripts": { "watch": "npx tailwindcss -i .\\tailwind.css -o .\\wwwroot\\app.css --watch", "build": "npx tailwindcss -i .\\tailwind.css -o .\\wwwroot\\app.css --minify" },
i have a question about how it know if your working env are dev / staging / prod so it could render the swagger