ScriptBytes
ScriptBytes
  • 48
  • 274 265
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/
มุมมอง: 1 905

วีดีโอ

NextJS Upload to Google Cloud Storage
มุมมอง 3.7K6 หลายเดือนก่อน
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
มุมมอง 5836 หลายเดือนก่อน
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
มุมมอง 3146 หลายเดือนก่อน
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
มุมมอง 4.6K6 หลายเดือนก่อน
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
มุมมอง 1.7K7 หลายเดือนก่อน
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
มุมมอง 2447 หลายเดือนก่อน
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
มุมมอง 4627 หลายเดือนก่อน
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
มุมมอง 3547 หลายเดือนก่อน
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
มุมมอง 5408 หลายเดือนก่อน
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
มุมมอง 1.8K8 หลายเดือนก่อน
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
มุมมอง 5698 หลายเดือนก่อน
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
มุมมอง 3.8K9 หลายเดือนก่อน
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
มุมมอง 5K9 หลายเดือนก่อน
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
มุมมอง 2.6K10 หลายเดือนก่อน
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
มุมมอง 2.7K10 หลายเดือนก่อน
How to add Blazor Hot Reload
Call JavaScript From Blazor Web Assembly
มุมมอง 1K10 หลายเดือนก่อน
Call JavaScript From Blazor Web Assembly
How to Run MongoDB in Docker
มุมมอง 18K10 หลายเดือนก่อน
How to Run MongoDB in Docker
Google Cloud Scheduler for Beginners
มุมมอง 2.9K11 หลายเดือนก่อน
Google Cloud Scheduler for Beginners
Monitor API's with Uptime Checks in Google Cloud!
มุมมอง 48811 หลายเดือนก่อน
Monitor API's with Uptime Checks in Google Cloud!
Basic Authentication in Dotnet API
มุมมอง 4.5K11 หลายเดือนก่อน
Basic Authentication in Dotnet API
Must Have API Controllers!
มุมมอง 18311 หลายเดือนก่อน
Must Have API Controllers!
Upload and Download Files to Google Cloud Storage using .Net
มุมมอง 6Kปีที่แล้ว
Upload and Download Files to Google Cloud Storage using .Net
Docker Compose for Beginners
มุมมอง 974ปีที่แล้ว
Docker Compose for Beginners
Import CSV to SQL Server using Azure Data Studio
มุมมอง 18Kปีที่แล้ว
Import CSV to SQL Server using Azure Data Studio
The Essential Docker Commands You Need to Know
มุมมอง 536ปีที่แล้ว
The Essential Docker Commands You Need to Know
Thinkpad VS Macbook Pro - Battery Test
มุมมอง 10Kปีที่แล้ว
Thinkpad VS Macbook Pro - Battery Test
Seeding Data with DotNet
มุมมอง 2.4Kปีที่แล้ว
Seeding Data with DotNet
Google Cloud SQL with a Public IP | Tutorial
มุมมอง 3.7Kปีที่แล้ว
Google Cloud SQL with a Public IP | Tutorial
Manually Deploy Docker Image to Google Cloud Run | Tutorial
มุมมอง 28Kปีที่แล้ว
Manually Deploy Docker Image to Google Cloud Run | Tutorial

ความคิดเห็น

  • @PsychPatric
    @PsychPatric 8 ชั่วโมงที่ผ่านมา

    Thank you so much for this great video!

  • @nofx4u
    @nofx4u 20 ชั่วโมงที่ผ่านมา

    you greatly helped me with my project too. Thank you so much for spending the time to make this content. I owe you.

  • @valeriy9862
    @valeriy9862 9 วันที่ผ่านมา

    Great video! Thanks! My question is how do I allocate volumes if I decide to host my container let's say on Google Cloud?

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

    Thank you, an organized, clear and precise explanation to achieve the objective.

  • @marketfinds
    @marketfinds 14 วันที่ผ่านมา

    Brilliant, love that you showed the SQL and tips on optimizing the queries.

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

    PS D:\mongoDB> docker compose up no configuration file provided: not found got this error

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

    Thank you for the demonstration. I created a table with specific columns and want to import .csv file but which will import only the columns you define in the table.

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

    Hi, thank you. Just one question, I'm getting 403

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

    Even if the file is too large it will work fine on your localhost but in production it will definitely break. I got this error on my production build and it’s still not fixed. Still trying to figure it out with api routes do you have any idea?

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

      You probably want to look into using Put SignedUrls. I’ve used those for large file uploads before and they work well

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

    Great videos, Even works on the M3 mac

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

    the mac m1 info is gold! thank you, you saved me hours of troubleshooting

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

      Glad it helped!

  • @CD-xd6fm
    @CD-xd6fm หลายเดือนก่อน

    Hi , how to send email notifications for failed cloud scheduler cron jobs?

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

      Probably the easiest way is to set up an Alert. There are a couple ways to create it, but the easiest might be: Go to the Logs Explorer and add the filters you would like that apply to your cloud scheduler jobs. Once your filter is right, there is a "Create Alert" button on the the Logs Explorer page. Click that and follow the wizard to set up an alert to email you.

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

    Muito bom me ajudou bastante, fico te devendo um café

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

    How would you go about using authenticated user in a website environment to add permission to view a link within the google cloud when you are getting this message This XML file does not appear to have any style information associated with it. The document tree is shown below. <Error> <Code>AccessDenied</Code> <Message>Access denied.</Message> <Details>Anonymous caller does not have storage.objects.get access to the Google Cloud Storage object. Permission 'storage.objects.get' denied on resource (or it may not exist).</Details> </Error>

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

      I think you mean how to allow users on your site to view objects stored in a private bucket? If so, you'll want to look into a GET SignedUrl in the GCS bucket.

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

      @@scriptbytes thank for the tip, it really helped with the problem, I have been struggling with for 2 days and now I can finish development of the system

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

    Thanks 👍 With Love from India 🇮🇳

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

    Thank you. Clear, concise and exactly the information I was looking for.

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

      Glad it was helpful!

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

    nce video.I need to authenticate an api which has username and password.I will try this basic authentication.

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

    nice video

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

    Thanks for you Nice nice

  • @SupriyaDeshmukh-nl8si
    @SupriyaDeshmukh-nl8si หลายเดือนก่อน

    i dont have index.cshtml page. I just have app.razor

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

      My demo is using blazor WASM. I assume yours is a server side app? I haven't done this with a server app, but I think as long as you put the js link in whichever file has the <head> tag in it, I think it'll work.

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

    how to call sp in PostgreSQL that returns rows ?

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

      You would probably want to use FromSql<T>: learn.microsoft.com/en-us/ef/core/querying/sql-queries

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

      @@scriptbytes thanks for ur reply. Actually I did use it. But in postgresql, if ur sp returns rows it has to have a refcursor which will contain rows and when u call sp from c# u need to run call ur_sp(params, 'cur'); fetch all in "cur". So this command not working if we use ef

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

    Great presentation

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

    well done, thanks for posting

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

    I love u

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

    For people having issues with this not displaying any messages, type "@rendermode InteractiveServer" at the top of the page under the @inject line which allows events to start firing.

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

    Scripts @ 23:32 with -o and idempotent switch

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

    Great, by the way I watched that you can implement authorization through middlewares. Is this an old approach or it is more about your preferences ?

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

      You can definitely use middleware. We use middleware to add roles/claims for authenticated users in our api's.

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

    great video thanks :)

  • @HarshitBhutani-u1u
    @HarshitBhutani-u1u หลายเดือนก่อน

    worked for me!

  • @HarshitBhutani-u1u
    @HarshitBhutani-u1u หลายเดือนก่อน

    nice explanation!

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

      Thanks!

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

    Helped me a lot :) Thank you so much =D

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

    Nice. Love to see how to use JWT into this. I watch many videos and I always get a 404 not found. I sign in, and the API returns the JWT. I sigin into the API (top right) with Bearer {and token id}. And then try to access a Authorize http and bingo - I get 404 not 200 or 401. I'm going slowly crazy.

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

      That is a little weird. I'm not sure why you would get a 404. If you add [AllowAnonymous] to whichever endpoint you're calling (just for a quick test), does that change anything?

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

    In newer docker versions you can just call it 'compose.yaml" and you also don't need to add "version".

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

    Thank you very much! You helped me a lot and your explanation is amazing.

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

      You are welcome!

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

    I've followed all the steps and it said: denied: Unauthenticated request. Unauthenticated requests do not have permission "artifactregistry.repositories.uploadArtifacts" on resource "projects/celtic-current-426414-j0/locations/southamerica-east1/repositories/vozis" (or it may not exist) exit:1 did it like 20 times even if the same names that u've did.

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

    Thank you❤❤

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

    Nice, but why all js functions start with "window.", its necessary?

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

      It attaches the function to the browser's window object, effectively making them global.

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

    Thank you!

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

    It also works for deploying a service that manage a telegram bot?

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

      I'm not sure what the requirements are for a telegram bot. Cloud Run is for short-lived requests. The maximum timeout is 1 hour, and it doesn't have a persistent disk (hard drive). If the bot can be run within those constraints, then yes.

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

    This is A+ content. Thanks so much, definitely a sub from me!

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

      I appreciate that compliment, and the sub! Thanks for watching.

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

    I did everything listed in the video, but i cannot connect to the db via dbeaver client (i'm getting request time out). I tried checking stuff with chatgpt (all settings are correct, i can ping the external ip, i can connect to the db via GC's shell .. but not from dbeaver. I'm on Mac (drivers were installed). I'm stuck

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

    Thanks so much. i was a suffering with a lot of issues, but your explanation is so clear. You have an image in docker, its necesary to tag, and to push to Artifact Registry and as a final step tu create a service in Cloud Ron to deploy the image.

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

    Thanks a ton. This is very helpful for Mac users who love Microsoft Business Products and Services.

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

    really detaille , I love it

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

      Glad you like it!

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

    Thank you so much! Helped me a lot. Your videos are amazing

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

      Happy to help!

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

    I didn't expect it will work on JetBrain Rider, but it works well Thanks 💯

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

    Thank you very much for this video!!!!! I need it so bad and i just cannot find the right one until i saw yours!!!

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

    What in case I already have a table and I want to append data

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

    Dude you make it practical and easy to understand basic concepts for running mongoDB in docker. Enjoyed the video

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

      I appreciate that, thank you!

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

    Awesome, I was looking for this, thank you very much!

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

      Glad I could help!