Bridger Tower
Bridger Tower
  • 9
  • 31 382
⚡ Build Next.js Landing Pages in Under 10 Minutes 🛠️ Open Source Component Library for Landing Pages
Thanks for watching! Subscribe for more Design Engineering content 🖥️
Library URL: components.bridger.to
Github URL: github.com/brijr/components
Starter URL: wp.9d8.dev/
brijr/craft: bridger.to/craft
Craft UA-cam Video: ua-cam.com/video/YKkGNZK8En8/v-deo.html
---
Follow me on X: x.com/bridgertower
Follow me on Github: github.com/brijr
Переглядів: 779

Відео

Building a Design System with shadcn/ui and Next.js 🎨 Automatic Styling and Spacing
Переглядів 3,1 тис.5 місяців тому
Thanks for watching! Subscribe for more Design Engineering related content 🖥️ * Craft Github URL: github.com/brijr/craft brijr/components: components.bridger.to brijr/mdx-starter: mdx.bridger.to/ brijr/starter: starter.bridger.to/ Tailwind Typography: github.com/tailwindlabs/tailwindcss-typography shadcn/ui: ui.shadcn.com/ Follow me on X: x.com/bridgertower
NEXT.js 14 meets Headless Wordpress: The Perfect Combo for SEO and SPEED ⚡︎ Guillermo Approved!
Переглядів 25 тис.5 місяців тому
Thanks for watching! Subscribe for more Design Engineering related content 🖥️ Github URL: github.com/9d8dev/next-wp Demo URL: wp.9d8.dev/ brijr/craft: bridger.to/craft brijr/components: components.bridger.to Guillermo Approval: x.com/rauchg/status/1801716527093240284 How to use Wordpress Rest API: www.hostinger.com/tutorials/wordpress-rest-api Cameron: @skillissuestudio 9d8: 9d8.dev Follow me o...
コード CodeFi (Lofi for Coding) :: 2 Hours Chill Lofi Hip Hop :: Stay Focused while Coding
Переглядів 582Рік тому
"CodeFi"でリラックスしながら、コーディング体験を向上させましょう。これは、チル・ローファイ・ヒップホップの世界への穏やかな3時間以上の旅です。集中力と創造性を高めるために完璧にキュレーションされたこのミックスは、長時間のコーディングセッションや集中力を要するあらゆる活動に最適な伴侶です。 Unwind and enhance your coding experience with "CodeFi", a serene 2 hour journey into the world of chill Lofi Hip Hop. Perfectly curated to boost focus and creativity, this mix is your ideal companion for long coding sessions or any activity requir...
Lofi and Code with Me :: Building a Hero Component :: Next JS 14 / Tailwind / Typescript :: 006
Переглядів 191Рік тому
In this video I build a hero component for CraftUI (craftui.org) based on the hero section of Raus. Follow along as I build out Next JS, Tailwind CSS, and Typescript components to Lofi Beats and ambient noise. Thanks for watching! Subscribe for more. All music from Cooking Soul.
Lofi and Code with Me :: Building a Hero Component :: Next JS 14 / Tailwind / Typescript :: 005
Переглядів 178Рік тому
In this video I build a hero component for CraftUI (craftui.org) based on the hero section of Samara. Follow along as I build out Next JS, Tailwind CSS, and Typescript components to Lofi Beats and ambient noise. Thanks for watching! Subscribe for more. All music from LuKremBo: @LuKremBo
Design with Me :: Lofi and Figma :: Build the Homepage for fjord.dev
Переглядів 188Рік тому
Coding fjord.dev video coming soon! Dive into a serene design session with me in 'Design with Me :: Lofi and Figma'. In this video, I'll take you through the creative process of building the homepage for fjord.dev using Figma, all set to the calming backdrop of Lofi music. Perfect for UI/UX professionals, design students, or anyone who enjoys a chill soundtrack while exploring the intricacies o...
Lofi and Code with Me :: Building a Hero Component :: Next JS 14 / Tailwind / Typescript :: 004
Переглядів 732Рік тому
In this video I build a hero component for CraftUI (craftui.org) based on the hero section of Samara. Follow along as I build out Next JS, Tailwind CSS, and Typescript components to Lofi Beats and ambient noise. Thanks for watching! Subscribe for more. All music from LuKremBo: @LuKremBo
Lofi and Code with Me :: Building a Hero Component :: Next JS 14 / Tailwind / Typescript
Переглядів 264Рік тому
In this video I build a hero component for CraftUI (craftui.org) based on the hero section of Supertape. Follow along as I build out Next JS, Tailwind CSS, and Typescript components to Lofi Beats and ambient noise. Thanks for watching! Subscribe for more. All music from LuKremBo: @LuKremBo

КОМЕНТАРІ

  • @ramabhusal7435
    @ramabhusal7435 Місяць тому

    Thankyou, but I have 1 query: When I load Headless WordPress posts into my Next.js application, the CSS doesn't apply correctly to the blog post data. Additionally, I need to manage image sizes, as images appear full-screen on the blog detail page in Next.js. Furthermore, if I need to create a post about an art exhibition and include an image gallery, how can I manage the images to display them as a gallery? How do I ensure the images are styled correctly and displayed in a structured layout?

  • @TV-tq9ch
    @TV-tq9ch Місяць тому

    Superb and what about deployment vercel or hostinger plan without cloud and vps?

  • @mr.digitus
    @mr.digitus 2 місяці тому

    Perfect combo

  • @leonardobetti8811
    @leonardobetti8811 2 місяці тому

    Not sure how I ended up here but this is one of the best UA-cam channels that I ever saw. Mate keep pushing, this is truly great!!!

  • @germandeluca3712
    @germandeluca3712 3 місяці тому

    Excellent video, what vsc theme do you use?

  • @cyberthugFi
    @cyberthugFi 3 місяці тому

    please, do a video showing each different component and how it can be used, like the box, the article and the others, and how can they be customized based on desired layout.

  • @tianhai1716
    @tianhai1716 3 місяці тому

    sir, what is ur record software ?

  • @xx__xx7199
    @xx__xx7199 3 місяці тому

    Dope bro

  • @oli-9609
    @oli-9609 3 місяці тому

    Thanks a lot for the content ! Could you explain how to deploy this setup with only one domain for both the wp and the front end on a vps ?

  • @phpmeras4809
    @phpmeras4809 4 місяці тому

    Is it possibe to add woommerce to?

  • @juanpasalagua2402
    @juanpasalagua2402 4 місяці тому

    Thank you!

  • @lukasfischer3405
    @lukasfischer3405 4 місяці тому

    I like the approach. I was building something similar but mainly for section and container which are probably the ones needed most. Have you thought about supporting CMS’s with a “box” model. What I have mind is something like we know from sidebars in Figma, Webflow, etc. to configure the box with paddings/margins/bg colors/bg-images etc. Craft is only interesting in a very static approach with zero cms configuration.

    • @bridgertower
      @bridgertower 3 місяці тому

      Great points. I really like this idea and might have to start working on it.

  • @andu896
    @andu896 4 місяці тому

    Oh I love the extensions you use on your VSCode. Care to share them?

  • @drt4003
    @drt4003 4 місяці тому

    Would be interesting to see woocommerce implementation

  • @nathanie1637
    @nathanie1637 4 місяці тому

    Thought on just creating an NPM package with the components instead of having to clone an entire repo to get up and running?

    • @bridgertower
      @bridgertower 3 місяці тому

      Good point, maybe i can explore something similar to shadcn where there is a cli to clone the components

  • @steelo2214
    @steelo2214 4 місяці тому

    thanks so much. i’ve been trying to build this myself and i didn’t know where to start from. new dev here. thanks a lot

  • @techjavaid6177
    @techjavaid6177 4 місяці тому

    Does it support woo commerce

    • @Максим-в5п4и
      @Максим-в5п4и 15 днів тому

      This is the initial build. You can refine it. Woo has a REST API for this.

  • @treyrader
    @treyrader 4 місяці тому

    what the hell is this lol. that's baller

  • @dDesirie
    @dDesirie 4 місяці тому

    This is exactly what I need! Keep up the great work 🔥🙏👍

  • @vantuoc455
    @vantuoc455 4 місяці тому

    one of the best tutorials that I found , keep working man!🙌

  • @karimkh9
    @karimkh9 4 місяці тому

    Thanks bro, That helped a lot

  • @abura1han
    @abura1han 4 місяці тому

    WOW, it's amazing! I will probably give it a shot, your vs code theme is also cool, could you share the theme name, please?

  • @gambocco
    @gambocco 4 місяці тому

    Will it work with all plugins and woocommerce

  • @MatheusPereira-nn9dj
    @MatheusPereira-nn9dj 5 місяців тому

    awsome

  • @feb806
    @feb806 5 місяців тому

    Great video, just stumbled on your channel and I am very happy I did. Thanks for the great content. (btw, what theme / icon pack do you use for your editor)

  • @psychoonaut
    @psychoonaut 5 місяців тому

    noice!

  • @kennethpineda6143
    @kennethpineda6143 5 місяців тому

    How to fix the cache? its not working. When I update the content in WP. It won't reflect in nextjs. But when I check in wp rest api it update. How to fix this?

    • @childofthearts3785
      @childofthearts3785 4 місяці тому

      might have to change the revalidate variable? @12:53

  • @skillissuestudio
    @skillissuestudio 5 місяців тому

    can't beat it for building landers

  • @markogracin
    @markogracin 5 місяців тому

    Nice work over there!

  • @dDesirie
    @dDesirie 5 місяців тому

    This looks nice. However the GitHub link is currently unavailable. It says ”No server is currently available to service your request."

  • @jesuzbo.
    @jesuzbo. 5 місяців тому

    This is amazing ❤❤ just a question, can I do things like importing data from wordpress plugins?

    • @bridgertower
      @bridgertower Місяць тому

      Kind of... depends if they give you the data in the rest api.

  • @SerhatDemirkan
    @SerhatDemirkan 5 місяців тому

    Can you make it amp compatible? It might be faster and it works for me. Also thanks for sharing <3

    • @ukaszrozewicz7488
      @ukaszrozewicz7488 5 місяців тому

      Even Google drops amp development, it is outdated solution

    • @SerhatDemirkan
      @SerhatDemirkan 5 місяців тому

      @@ukaszrozewicz7488 but i need for a while