Tenacity
Tenacity
  • 27
  • 332 223
How to make Brave look like Arc Browser
This video will show you how to transform your Brave browser into Arc browser (or as much as it is possible). I use this setup personally. I love the looks of Arc but also enjoy using Brave browser so I think this is the best of both worlds. It also boosts my productivity A LOT! Having separate profiles on Brave which are the equivalent of Spaces in Arc are a huge time saver!
Follow along in the video if you want to have your Brave browser look the same.
zhlédnutí: 1 114

Video

The Most Important Skill a Software Engineer needs
zhlédnutí 1,5KPřed měsícem
In this video, I'll tell you my experience on why effective communication is the key to success, even for skilled professionals. Discover how my own struggle with communication impacted my career. By comparing two different approaches to feedback, you'll see firsthand how positive, constructive communication fosters better relationships and opens doors to new opportunities.
Django JWT Authentication in 7 Minutes
zhlédnutí 894Před 2 měsíci
In this video I'll show you how I handle Authentication when building a backend with Django. When I'm using Django I always use this authentication library and I almost always use JWT's. I'll show you the easiest and most straightforward step to add great authentication that is also easy to work with since we have set-cookie headers. #django #djangorestframework #python #authentication #jsonweb...
React Hook Form Custom Inputs Tutorial
zhlédnutí 365Před 2 měsíci
In this video I'll show you how to handle Custom Inputs and Custom Components when using React Hook Form. You'll learn how to integrate custom inputs with the React Hook Form library and also you will have type safety by knowing which properties exist and their types. There's two approaches to this integration and I'll show you both of them so that you know when to use a Controller component an...
FastAPI SQLAlchemy 2, Alembic and PostgreSQL setup tutorial
zhlédnutí 260Před 2 měsíci
In this video I'll show you the FastAPI starter template I created that uses SQLAlchemy 2, Alembic and PostgreSQL database. This starter template includes many tools that are essential that are used for building stable production ready and scalable web applications. These four tools are the backbone of all projects and must be kept up to date in order to provide high quality software products. ...
The only React starter template you will need
zhlédnutí 3,2KPřed 5 měsíci
In this video I'll show you the React starter template I use for both my personal, CZcams and professional projects. This starter template includes many tools that are essential by todays standards like code linting and formatting, a proper styling framework and a robust networking library. It includes: - React with Typescript - Tanstack Query / React Query - Axios - Tailwind, tailwind merge an...
How To Have Your Own ChatGPT Locally
zhlédnutí 880Před 6 měsíci
In this video I'll show you how I run my own LLM's locally using the ollama web ui. ollama web ui has the same familiar Chat GPT interface that we are all used to and it can run many LLM's on your computer. Everything is kept on your machine locally! Now you can have your own Local ChatGPT! Link to the repository: github.com/ollama-webui/ollama-webui
React Resizable Table like a Chad Tutorial
zhlédnutí 1,1KPřed 7 měsíci
In this video we'll implement Resizable Tables in React. Resizable tables are destined to come up as a requirement every so often so knowing how to implement them efficiently and with good code separation is a must. This video will do exactly that!
The best way to write queries with Tanstack Query (React Query)
zhlédnutí 2,9KPřed 9 měsíci
You'll learn how to write a useQuery hook the proper way. You will have more flexibility, better scalability, type safety, better readability and confidence in your code. #react #reactquery #axios
Next.js 13 jwt authentication protected routes httpOnly cookie with App Directory
zhlédnutí 53KPřed rokem
You'll learn how to implement the authentication flow with JWT and httpOnly cookie. You will also learn how to protect routes and get user info by verifying the jwt token. Repo link: github.com/Tenacity-Dev/nextjs-latest-auth Previous version link: czcams.com/video/DHZSYYTCTbA/video.html #Next.js #protectedRoutes #jwt #verify #cookie #React #httpOnly #AppDirectory
The easiest way to implement a modal in React
zhlédnutí 845Před rokem
I'll show you one of the best headless libraries that I have seen recently. Headless UI has a couple of components but it is extremely easy to use and very convenient when you have to add a modal, popover or a menu quickly. This will work with React or any React framework. #react #nextjs #headless #ui #modal #popover #menu #headlessui #component
Use this Next.js file structure
zhlédnutí 16KPřed rokem
You'll learn how to follow a simple convention for organizing your files for your Next.js (or React) project. #nextjs #organization #file #directory #structure #reactjs
Use this to override Tailwind CSS classes
zhlédnutí 2KPřed rokem
In this video I'll show you an extendable and easily configurable way to "override" tailwind classes. We will write variants and styles for the variants which will give us the implementation and outcome that we wanted without having to actually override any styles. You may have noticed a tab open in my browser, it's for this library: www.npmjs.com/package/classnames It's very useful for applyin...
Nestjs Migration Tutorial
zhlédnutí 11KPřed rokem
You'll learn how and when to implement nestjs migrations the proper way using a config and env variables. Knowing how to use migrations is a necessary skill since any backend work that requires a database will require this. Repo link: github.com/CompSciDev/nestjs-migrations-example #Nestjs #Migrations #Typeorm #Orm #Env
Speed up your Website with Next.js Dynamic Import Lazy Loading
zhlédnutí 23KPřed rokem
You'll learn how and when to use Dynamic Imports and speed up your website when using Next.js. Dynamic imports (lazy loading) are a very important topic to learn if you're serious about using Next.js. #Nextjs #React #DynamicImport #LazyLoad #LazyLoading
React/Next.js typescript airbnb eslint code style setup guide
zhlédnutí 18KPřed rokem
React/Next.js typescript airbnb eslint code style setup guide
Next.js unit tests with Jest and Testing Library typescript
zhlédnutí 35KPřed rokem
Next.js unit tests with Jest and Testing Library typescript
Next.js Data Fetching
zhlédnutí 6KPřed 2 lety
Next.js Data Fetching
React Dark Mode with Sass (Toggle Theme)
zhlédnutí 19KPřed 2 lety
React Dark Mode with Sass (Toggle Theme)
Vite React Typescript with Sass
zhlédnutí 12KPřed 2 lety
Vite React Typescript with Sass
Next.js protected routes & JWT verify (Updated video link in description)
zhlédnutí 70KPřed 2 lety
Next.js protected routes & JWT verify (Updated video link in description)
Next.js JWT authentication httpOnly cookie (Updated video link in description)
zhlédnutí 30KPřed 2 lety
Next.js JWT authentication httpOnly cookie (Updated video link in description)
React Native Text Recognition Tutorial
zhlédnutí 24KPřed 2 lety
React Native Text Recognition Tutorial
React Components Tutorial
zhlédnutí 97Před 3 lety
React Components Tutorial
React useRef Tutorial
zhlédnutí 133Před 3 lety
React useRef Tutorial
React useEffect Tutorial
zhlédnutí 117Před 3 lety
React useEffect Tutorial
React useState Tutorial
zhlédnutí 165Před 3 lety
React useState Tutorial

Komentáře

  • @od1ez
    @od1ez Před 3 dny

    hm, in my case it creates empty migration table and does not create users table

  • @BRP-Moto-Tips
    @BRP-Moto-Tips Před 6 dny

    Worked wonders with NPM, not so much with pnpm :( I traced it back to Typeorm's cli but I tried quite a few things. Hope someone finds this lol

  • @carlosrofts5230
    @carlosrofts5230 Před 7 dny

    Thanks dude , What can i use for real time text recognition?

  • @bogxd
    @bogxd Před měsícem

    The animations are looking smooth <3

  • @jeneration
    @jeneration Před měsícem

    Profile in Brave cannot compare with Space in Arc, it not the same. Space can be switched easily and immediately by a keyboard shortcut.Also, it can pin tabs across spaces

    • @tenacity_dev
      @tenacity_dev Před měsícem

      I agree, Brave's equivalent in Profiles is not that in switching a context as in Arc.

  • @Surveilling
    @Surveilling Před měsícem

    Firefox

  • @GreenCanvasInteriorscape
    @GreenCanvasInteriorscape Před měsícem

    I updated my brave browser stupidly, I can only hear audio using CZcams on the brave browser with the desktop selected, I know your addressing a different issue but perhaps you're aware of a fix? Mighty annoyed at myself in not letting what works work and not recalling how many times update screwed things up thanks

    • @tenacity_dev
      @tenacity_dev Před měsícem

      Hm, not sure. If I hear about a solution, I'll reply to your comment.

  • @davidsha
    @davidsha Před měsícem

    Basically give constructive criticism lmao

  • @jpedrothejo
    @jpedrothejo Před měsícem

    just use arc

  • @Super-y4x
    @Super-y4x Před měsícem

    i use opera gx w/ some mods

  • @AhmadJutt850
    @AhmadJutt850 Před měsícem

    Good suggestion

  • @techaddictdude
    @techaddictdude Před měsícem

    How on earth are you using useState in the server component?

    • @tenacity_dev
      @tenacity_dev Před měsícem

      Good question, this was before the new Next.js updates where if you want to use state or something similar you had to write "use client" at the top of the component.

  • @Nomad-o3l
    @Nomad-o3l Před měsícem

    Sick animation. What did you use?

    • @tenacity_dev
      @tenacity_dev Před měsícem

      Thank you! I used Manim to make these animations.

  • @Hcihcip
    @Hcihcip Před měsícem

    hey,its really a great video But can you share some books, podcasts,videos to improve communication skill?

    • @tenacity_dev
      @tenacity_dev Před měsícem

      Thank you! I do have lots of good recommendations. I'll see if I can make a video about books and other videos on how to improve communication skills.

  • @codingwithrendi
    @codingwithrendi Před měsícem

    thanks you tought me how to write better PR xD

  • @ediancomachio2783
    @ediancomachio2783 Před měsícem

    this is great thank you so much

  • @wahabmufidat3837
    @wahabmufidat3837 Před měsícem

    Hi thanks for the grate content but i am finding it difficult to load my docker compose up

  • @VuNguyen-bq4og
    @VuNguyen-bq4og Před měsícem

    tldr: move useQuery part to a reusable hook

  • @abdul-haque19
    @abdul-haque19 Před měsícem

    This is working on Android but not in iOS!

  • @CodeWithRains
    @CodeWithRains Před měsícem

    Backend is ready in Spring Boot , only i wantt that , how , ! Login page will be created !, and token how it is going to manage and stored, and how navigations will work , this is my first time seeing next i did even learn this just started coding , i am Angular developer !. Now as per ssr , i learn here many things , here need gaurd on routing , if loged in then dashbaord else login page , ! this is simple but getting the errors now for the storing cookies etc.. now will see your idea, hope i will be able to implement it with middleware lets see ,

  • @codingwithrendi
    @codingwithrendi Před měsícem

    It takes genius to make it simple :)

  • @leventegaborlevai4897
    @leventegaborlevai4897 Před 2 měsíci

    As a beginner in nextjs I learned a lot more from this video, than any other one I've watched. Thank you!

  • @farshadbagheri6180
    @farshadbagheri6180 Před 2 měsíci

    Is this compatible with Custom user and Djoser package and if we want to authenticate when registering, will it set the cookie?

    • @tenacity_dev
      @tenacity_dev Před 2 měsíci

      Yes, you can use Custom User, I always use this with Customer User and it works seamlessly. dj-rest-auth has a registration endpoint. Social authentication is supported and many other things.

    • @farshadbagheri6180
      @farshadbagheri6180 Před 2 měsíci

      @@tenacity_dev can you make video about that

    • @tenacity_dev
      @tenacity_dev Před 2 měsíci

      @@farshadbagheri6180 I'll keep that in mind for future videos I'll be doing, good suggestion

    • @farshadbagheri6180
      @farshadbagheri6180 Před 2 měsíci

      @@tenacity_dev and how incode user_info in access token

  • @user-ud4bj9vc7l
    @user-ud4bj9vc7l Před 2 měsíci

    Good explanation

  • @AlexMarba
    @AlexMarba Před 2 měsíci

    bro... my eyes 😭Really interesting video :)

  • @Pk_0807
    @Pk_0807 Před 2 měsíci

    That was an clear explanation.. haven't heard this kind of explantion from the other videos. Thanks man

  • @vadimivanovich1827
    @vadimivanovich1827 Před 2 měsíci

    Somehow I ended up using the same pattern on my own. Thank you for spreading good ideas 💡

  • @justin9494
    @justin9494 Před 3 měsíci

    i cant get the access_token in /me route, i see it in my cookies in inspect element but not from getCookies D: I need help

  • @romansmerdyakov6531
    @romansmerdyakov6531 Před 3 měsíci

    Спасибо! Полезный булерплейт

  • @daviddoyle7580
    @daviddoyle7580 Před 3 měsíci

    How can the client pass a token in the cookie if it's http only ? I thought this prevents the client JavaScript from being able to see and this pass the access tokens to the API calls ?

  • @NaveenKumarasinghe
    @NaveenKumarasinghe Před 3 měsíci

    This is amazing! Could you do a similar video for Next.js Clean Architecture? Thanks!

  • @nabinnath9
    @nabinnath9 Před 3 měsíci

    How to do this with next auth?

  • @tareksaad1454
    @tareksaad1454 Před 3 měsíci

    need to zoom in during adding new lines specially packag.json I will wear glasses for that

  • @hongz1
    @hongz1 Před 4 měsíci

    More important part is to handle authorization on every route changes as well as every api requests

  • @kylelambert__
    @kylelambert__ Před 4 měsíci

    This is useful, but you don’t need to define a constant for the query key. The return type from the queryOptions helper has the queryKey property on it.

    • @TotallyNotZoid
      @TotallyNotZoid Před měsícem

      Can you give me an example, I don't know how to integrate that.

  • @vitaliiverdiiev7272
    @vitaliiverdiiev7272 Před 4 měsíci

    Maaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaan, you saved my night! Thank you so so much!!! ❤❤❤

  • @aurabinary100
    @aurabinary100 Před 4 měsíci

    Hello, are you interested in collaborate for same nextjs projects? If so, please, comment out here

  • @khuongviettai
    @khuongviettai Před 4 měsíci

    How can I log out? please answer me

  • @uraharaYorrch
    @uraharaYorrch Před 4 měsíci

    not long ago cookies were disengouraged to use for vital session info because it's easy to steal the session information. but i've seen an increase in tutorials implementing cookies for authentication, is there a reason why?

    • @tenacity_dev
      @tenacity_dev Před 4 měsíci

      What would be a good alternative approach?

  • @johndevnoza4223
    @johndevnoza4223 Před 4 měsíci

    Tan query is more server side thing than client one...

  • @oribenez
    @oribenez Před 5 měsíci

    Thanks you very much I like it! what do you do if you have also a useMutation do you place it in the same file of the hook? or you create a new file for that?

    • @tenacity_dev
      @tenacity_dev Před 5 měsíci

      Let's say you can get and add countries. You can create a file useCountries.ts and a file useAddCountry.ts and add their separate implementations. Or you can also create a file called countires.ts and add both the hook and mutation. There are many ways to go about this problem and you should take the one that suits you the most.

  • @gohelboy
    @gohelboy Před 5 měsíci

    I like the method

    • @tenacity_dev
      @tenacity_dev Před 5 měsíci

      Thank you, I always use this to write any queries with Tanstack query.

  • @alvarolopesbastos4087
    @alvarolopesbastos4087 Před 5 měsíci

    I don't know if somebody could have a problem with this class, but I had a problem because I was use the yarn as a package manager and I learned that yarn doesn't support the varibles in script, so use NPM. THank @Tenacity Dev

  • @codermeloman3030
    @codermeloman3030 Před 5 měsíci

    Thank you!, Please more tanstack with Next.js content, prefetchQuery and others...

  • @amalmurikkoli7629
    @amalmurikkoli7629 Před 5 měsíci

    You forgot about Routing.

    • @tenacity_dev
      @tenacity_dev Před 5 měsíci

      There are many routing libraries in React and I left that option the the user of the starter template.

  • @josephgay-cj2fc
    @josephgay-cj2fc Před 5 měsíci

    Nice. Nx is great for the initial scaffolding too! It can add and configure everything like playwright, rtl, etc.

    • @tenacity_dev
      @tenacity_dev Před 5 měsíci

      That's a great idea, maybe I'll make an Nx video.

  • @fuck23u
    @fuck23u Před 5 měsíci

    Thanks mate, it save a lot of time.

    • @tenacity_dev
      @tenacity_dev Před 5 měsíci

      Love to hear that! You're welcome.

  • @samnmeje3486
    @samnmeje3486 Před 5 měsíci

    nice work

  • @_edmoore
    @_edmoore Před 5 měsíci

    Nice work. I think adding Vitest and React Testing Library would be good as well.

    • @tenacity_dev
      @tenacity_dev Před 5 měsíci

      Thank you, I've thought about adding tests to this template but as I said in the video this template should be extendable so others can add what they like after they clone it.

  • @kvlsh
    @kvlsh Před 5 měsíci

    great repo. just missing use of pnpm for package managing, pnpm reuses the packages already on your computer so no new ones are downloaded. I have created a PR for adding this.

    • @tenacity_dev
      @tenacity_dev Před 5 měsíci

      Thank you! I didn't want to make it super opinionated as I mentioned in the video, the template is meant to be added to for what you personally love.