ScriptBytes
ScriptBytes
  • 48
  • 327 129
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/
มุมมอง: 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...
How to add Blazor Hot Reload
มุมมอง 3.6Kปีที่แล้ว
How to add Blazor Hot Reload
Call JavaScript From Blazor Web Assembly
มุมมอง 1.2Kปีที่แล้ว
Call JavaScript From Blazor Web Assembly
How to Run MongoDB in Docker
มุมมอง 23Kปีที่แล้ว
How to Run MongoDB in Docker
Google Cloud Scheduler for Beginners
มุมมอง 3.9Kปีที่แล้ว
Google Cloud Scheduler for Beginners
Monitor API's with Uptime Checks in Google Cloud!
มุมมอง 592ปีที่แล้ว
Monitor API's with Uptime Checks in Google Cloud!
Basic Authentication in Dotnet API
มุมมอง 6Kปีที่แล้ว
Basic Authentication in Dotnet API
Must Have API Controllers!
มุมมอง 210ปีที่แล้ว
Must Have API Controllers!
Upload and Download Files to Google Cloud Storage using .Net
มุมมอง 8Kปีที่แล้ว
Upload and Download Files to Google Cloud Storage using .Net
Docker Compose for Beginners
มุมมอง 1.2Kปีที่แล้ว
Docker Compose for Beginners
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
Thinkpad VS Macbook Pro - Battery Test
มุมมอง 12Kปีที่แล้ว
Thinkpad VS Macbook Pro - Battery Test
Seeding Data with DotNet
มุมมอง 2.9Kปีที่แล้ว
Seeding Data with DotNet
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

ความคิดเห็น

  • @nilsonsis
    @nilsonsis 30 นาทีที่ผ่านมา

    Obrigado

  • @kvngevo
    @kvngevo 3 วันที่ผ่านมา

    Thank you ,will try it and check for updates required in 2024👌😀

  • @pakol27
    @pakol27 6 วันที่ผ่านมา

    Thank you for this, but Breakpoints does not trigger on my end. Is there any way to solve this?

  • @umeshdissanayaka2802
    @umeshdissanayaka2802 10 วันที่ผ่านมา

    Superb Nice Explanation

  • @foudilbenouci482
    @foudilbenouci482 11 วันที่ผ่านมา

    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

  • @EmmanuelBLONVIA
    @EmmanuelBLONVIA 12 วันที่ผ่านมา

    3:10 Create Dbcontext 4:40 Configure connection string

  • @hamprams2231
    @hamprams2231 17 วันที่ผ่านมา

    If i could like this video twice, i would! Super easy to understand and follow

  • @chandansarkar1123
    @chandansarkar1123 19 วันที่ผ่านมา

    Thanks a lot for simple and straight forward tutorial.

  • @BruceBeck-f1n
    @BruceBeck-f1n 20 วันที่ผ่านมา

    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! 😎

  • @AlexStewart-nh6gc
    @AlexStewart-nh6gc 20 วันที่ผ่านมา

    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!

  • @yogimahapu
    @yogimahapu 21 วันที่ผ่านมา

    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

  • @nsantanu
    @nsantanu 22 วันที่ผ่านมา

    Excellent video 👍 How to run Azure data studio inside a container?

  • @nsantanu
    @nsantanu 22 วันที่ผ่านมา

    Excellent video 👍 How to run Azure data studio inside a container?

  • @evanboyle
    @evanboyle 24 วันที่ผ่านมา

    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!

  • @DebugWithAdam
    @DebugWithAdam 26 วันที่ผ่านมา

    What about automated process may be using IaC, please do a video for that, many thanks to your amazing teaching skills

  • @bikrampandher
    @bikrampandher 28 วันที่ผ่านมา

    How do you handle blank lines in bulk inserts? it throws error

  • @dvp7388
    @dvp7388 29 วันที่ผ่านมา

    image not available in 2024

  • @raylin2527
    @raylin2527 29 วันที่ผ่านมา

    I really enjoy watching your video!!

  • @CleyltonFerreira
    @CleyltonFerreira 29 วันที่ผ่านมา

    Obrigado!! Ajudou demais!!!

  • @kirindev
    @kirindev 29 วันที่ผ่านมา

    thank you very much. ❤

  • @CLeovison
    @CLeovison 29 วันที่ผ่านมา

    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

  • @emmanuelduchene
    @emmanuelduchene หลายเดือนก่อน

    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

  • @dev-u5w4i
    @dev-u5w4i หลายเดือนก่อน

    thanks, works great

  • @Nebulak187
    @Nebulak187 หลายเดือนก่อน

    Quite the conundrum. Shitty battery life vs shitty OS and software compatibility. I guess one needs to prioritise what's more important.

  • @lukaszwilk4231
    @lukaszwilk4231 หลายเดือนก่อน

    connectton does not work !!!!!!!!!!!!!!!!!!!!!!

  • @faranahmadk7401
    @faranahmadk7401 หลายเดือนก่อน

    Thanks Man!!

  • @javajavelin1
    @javajavelin1 หลายเดือนก่อน

    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 ❤

  • @totochan10
    @totochan10 หลายเดือนก่อน

    @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!

  • @borakececi8472
    @borakececi8472 หลายเดือนก่อน

    thnaks man

  • @Sacra.
    @Sacra. หลายเดือนก่อน

    Thanks bud!

    • @scriptbytes
      @scriptbytes หลายเดือนก่อน

      No problem!

  • @BrutusFanboy12345
    @BrutusFanboy12345 หลายเดือนก่อน

    Microsoft azure is unusable

    • @scriptbytes
      @scriptbytes หลายเดือนก่อน

      How so?

  • @emeypunto
    @emeypunto หลายเดือนก่อน

    So nice and clear, thank you!

    • @scriptbytes
      @scriptbytes หลายเดือนก่อน

      Glad it was helpful!

  • @jseh_
    @jseh_ หลายเดือนก่อน

    what fetures lost if i use cdn only?

    • @scriptbytes
      @scriptbytes หลายเดือนก่อน

      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.

  • @firlytaufikurohman6922
    @firlytaufikurohman6922 หลายเดือนก่อน

    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?

  • @vornamenachname906
    @vornamenachname906 หลายเดือนก่อน

    Danke!

    • @scriptbytes
      @scriptbytes หลายเดือนก่อน

      Thank you very very much!

  • @vietnguyen2521
    @vietnguyen2521 หลายเดือนก่อน

    how to on visual studio sir

  • @lukemanning3825
    @lukemanning3825 หลายเดือนก่อน

    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.

  • @y0dasmydad
    @y0dasmydad หลายเดือนก่อน

    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

  • @pal-v3d
    @pal-v3d หลายเดือนก่อน

    Try Thinkpad with Debian 12 instead pls.

  • @BedirBayar
    @BedirBayar 2 หลายเดือนก่อน

    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.

  • @sksohelrahaman3898
    @sksohelrahaman3898 2 หลายเดือนก่อน

    great video sir thank you

  • @pavelpichugin-nd7ox
    @pavelpichugin-nd7ox 2 หลายเดือนก่อน

    God bless you, the documentation is unclear and your video saves a lot of time. Thank you

  • @Buckanian
    @Buckanian 2 หลายเดือนก่อน

    Does it expire after a time limit lets say 30 days or 90 days?

  • @williambonvini5806
    @williambonvini5806 2 หลายเดือนก่อน

    Congrats, this is the only resource on the internet that I've found to deploy an Angular app using a Dockerfile!

  • @caiorodrigues6871
    @caiorodrigues6871 2 หลายเดือนก่อน

    Thanks! That was great!

  • @filiperossell6138
    @filiperossell6138 2 หลายเดือนก่อน

    Thanks. Happy codding.

  • @themcr413
    @themcr413 2 หลายเดือนก่อน

    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).

  • @raphaellukas3328
    @raphaellukas3328 2 หลายเดือนก่อน

    Thank you very much for this video. This is what I was looking for :-)

  • @developmentroselino
    @developmentroselino 2 หลายเดือนก่อน

    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" },

  • @nostew1604
    @nostew1604 2 หลายเดือนก่อน

    i have a question about how it know if your working env are dev / staging / prod so it could render the swagger