#6: Template Engines (Pug, hbs, EJS) in Node JS 😍 | Add Dynamic Content in Express JS in Hindi

[@ThapaTechnical]

Today, video is very important bcz we will see how to add dynamic content to our applications using Template Engines in Express 😍Check my Instagram to Contact me: instagram.com/vinodthapa55 ✅ NodeJS Tutorial in Hindi 2020: kzbin.info/aero/PLwGdqUZWnOp00IbeN0OtL9dmnasipZ9x8 ✅ Express JS Tutorial In Hindi in 2020: kzbin.info/aero/PLwGdqUZWnOp3Vqww2cL5KbDkShj4NMRzk

[@cricketroutine4336]

Bro ma nepal bata. I want full tutorial on news portal website... please...... please. ... Take it as a request from your subscriber

[@Pallavi_B]

How to pass html data from one file to another without form post method ?

[@cricketroutine4336]

@@Pallavi_B use Get method

[@fsociety692]

bro after moving html stuff in hbs code works but css not working any solution

[@mohammadsahil4347]

Keep your views folder inside the src folder if you're getting an error, saying Failed to lookup view "index" in views directory

[@rohitagrawal9349]

thnks.. it worked

[@arpanpal9860]

Thanks

[@aditya9462]

thanks

[@prajwalzingare7332]

Great 😃

[@prashantmishra8366]

Yesss...

[@anishnair7348]

const staticPath=path.join(__dirname,"../views"); app.set('views',staticPath); Add these two if some getting error.

[@amirhassan6549]

Yes exactly I was getting an error.

[@anonymoususer7116]

Thank you

[@vishnunetha8706]

Thankyou so much bro❤️❤️❤️

[@nirjhariniparhi]

Thanks a lot

[@vishalkanojia5271]

Thanks man!:)

[@harshkumar-mm6pq]

full of energy man ...i purchase the course from coding ninjas but they were not explaining all the thing

[@joyguha7944]

best channel in youtube for MEARN stack dev

[@visitor_t-w3p]

Wooow.simply majestic...loved it a lot ..getting so much fun,thank u so much Thapa ji :D

[@shubhamk840]

Awesome video thapa, bhai keep it up.

[@the_good_bad_actors]

Bhai 2 mahine phle se kr rhe the🙄👍😭

[@shubhamk840]

@@the_good_bad_actors are bhai, wo to asehi bs man kiya to aakar comment kr diye, dekh nhi rhe the.

[@DkAg-z4u]

HI All coders , i created npx create-react-app handlebar, how can i use handlebar in reactjs pls help if anybody know give me some idea . it is possible or not

[@rishiraj2548]

content starts at 8:40

[@vasusharma3527]

after making hbs file i when i run app.js no CSS is there using handlebars on opening local host just plain HTML file

[@mohitgupta1109]

Hii, Thapa sir your videos are really awesome you are my Role Model, I watched each and every video of you.

[@ni1815]

Thank you brother 🥰🥰🥰🥰🥰🥰 Bs ek galti ki bajah se nhi chal raha tha 🥰🥰🥰🥰🥰🥰 ab chal gya 🥰🥰🥰🥰🥰😘😘😘😘😘😘😘😘😘😘😘😘

[@nishit4939]

13:24 But you said before that the code was executed in top-to-bottom order? Then how can we use different pages and render them, suppose first i render or send a static website with the use of express.static(path) then i want to render my contact.hbs page with the use of app.get(). But it only render the first code that is express.stati(path), so what about the contact. hbs file?? i hope you guys understand... if anyone has a solution for it, then please reply me :) Bcoz I don't understand.

[@shibamkumarpatra3619]

if we are using react then also we have to use template engine ?

[@sajjadmollahshuvo580]

when i copy all the code to index.hbs file then my css file doesnt load. what to do ?

[@amarjeetkumar5456]

Same problem bro

[@Kiisshh_1]

const staticPath = path.join(__dirname,"../public"); //public folder contains all the files to be served app.use(express.static(staticPath)); Write these lines before app.set('view engine','hbs'); in index.js file

[@BrownguyArea]

Hello Vinod, You are doing great. My earnest request you to do a tutorial on "Lazy Loading" concept with a project. Desperately waiting to know the details about that. Hope to see you soon on that particular concept.

[@akashahmed87]

nice Video Vai ! Love from Bangladash

[@tejasjani2544]

Sir 😥 template engine hi expressJs ke sath use kar sakte he dynamic data ko show karva ne ke liye ! To ReactJs ko kese use karenge? 😬 I got completely confused. Sir please reply me OR explain in next video.❤️

[@aviseksahoo1953]

good qn .. yes you can use template engine but it's complicated , so you should use react or angular for forntend purpose

[@DkAg-z4u]

HI All coders , i created npx create-react-app handlebar, how can i use handlebar in reactjs pls help if anybody know give me some idea . it is possible or not

[@MoazzamFayyaz-e5z]

thanks buddy for this tutorial i was frustrating about pug etc it's simple and easy

[@Rahul-kc4gf]

Anyone have this issue. [ Failed to lookup view "index.hbs" in views directory "E:\expressjs\src\views" ] only move views folder in scr folder.

[@anjalimohta9537]

Tysm

[@gyangouravdesarkar265]

Nice video Thapa sir...

[@abhishekk321]

Error: Failed to lookup view "index" in views directory show error please help me

[@WirelessBhai]

Put your "views" folder inside "src"

[@MeetPatel-lm6wx]

@@WirelessBhai thanks , that's work

[@Codingkite]

@@WirelessBhai thank you bhai its working

[@ShubhamSingh-eg6wq]

Thanku so much bhai ❤️

[@owaiskhan7607]

@@WirelessBhai why it works when we move our views into src but thapas code is working without it

[@cruzegaming151]

Like comment done ❤ and thanx for awesome videos❤

[@Hootyapaa]

Osm explanation 🔥

[@JunaidKhan80121]

can't we use react instead of template engine?

[@deepukathait6916]

Yes u can

[@shaktilab]

can you use react in ejs template?

[@deepukathait6916]

Very usefull easy to learn thnku 💕💕💕 boom boom 💣💥💣💥💣💥

[@AmanGupta-rh5xz]

sir konsa tune use kartein ho video ke end mai I love that.

[@randomavghuman]

thanks , this video cleared a lot of my doubts, when we did the weather app project i was wondering if there was an easy way to replace the data from api, and this makes it so easier.

[@nitinbhalani5420]

Helpful video thanks you so much sir 🙏

[@timepass-sy5um]

Thanks bhai bhot haelping video ha

[@durbarchakrabarty7251]

if there are multiple html files inside the public folder such that any one of them is hyperlinked to another by the anchor tag, how can I use the express.static() method?

[@NITESHSINGHNRS]

best teacher...

[@kamalCode]

Sir, microservice in nodejs and cloud hosting server setup for new developers

[@UandMe-yz1rw]

Hi Thapa, You are doing a great job, and Thank you so much😊😊

[@The_Guiders_Consultancy]

Error: Failed to lookup view "index" in views directory "E:\Express\src\views" plese resolve this issue

[@user-of4ww3oq4n]

14:00 par scss is not comming. How to solve this problem

[@tejasjhamnani7724]

Thapa sir I am getting error: Failed to lookup view "index" in views directory "C:\Express JS\src\views" I checked the code 3-4 times everything is proper. Can u please guide sir

[@rutvikmehta4657]

just add the lines: app.set('views', '../views'); app.set("view engine", "hbs");

[@aviseksahoo1953]

@@rutvikmehta4657 what is the mean of first app.set ?

[@ujjwaldeep5175]

@@rutvikmehta4657 thanks it's working, but why, can you explain??

[@sachinlingwal2325]

@@rutvikmehta4657 thank u bro....u solved my problem

[@RohiTECH001]

which template engine is most usable nowaday

[@penuboluprudvikrishna6046]

Hi brother can we change fontsize of a string dynamically depending on text characters using handlebars

[@rohitrana393]

Ya abkos bro

[@Tima-ql7on]

Style css in not apply in hbs extension but how you do this

[@Trishul-Industries]

pata chal kaise hoga

[@Trishul-Industries]

i am still facing this issue

[@Tima-ql7on]

@@Trishul-Industries Tell express about your static files : app.use(express.static(your_static_files_folder_path);

[@akashbendre5536]

Can I use hbs to create dynamic table that fetches data from SQL database?? Pls answer I am stuck😭

[@usmanmughal5916]

Thapa G express ke bad MongoDB ka course aye ga k ni?

[@SaloniSingh-rn6sm]

Sir css file, and javascript are not fetch after index.html move to index.hbs

[@sukanyachakraborty2893]

Bro the CSS code is not getting identified if the index.html is copied to index.hbs. any suggestions ?

[@darkraven7834]

Me also

[@Kiisshh_1]

@@darkraven7834 const staticPath = path.join(__dirname,"../public"); //public folder contains all the files to be served app.use(express.static(staticPath)); Write these lines before app.set('view engine','hbs'); in index.js file

[@Kiisshh_1]

const staticPath = path.join(__dirname,"../public"); //public folder contains all the files to be served app.use(express.static(staticPath)); Write these lines before app.set('view engine','hbs'); in index.js file

[@sukanyachakraborty2893]

@@Kiisshh_1 Thanks bro!! However, it has been solved by now

[@parasshankhwar8686]

​@@sukanyachakraborty2893bro is wale video ka source code de do please

[@MoujMastiDuniya]

I am getting this error-- Failed to lookup view "content" in views directory, cna anyone help me

[@ujjwaldeep5175]

Same problem, did you got the solution??

[@saurabhgupta6691]

same 2 same

[@Ch_Simon]

I moved the "views" inside "src" folder

[@saurabhgupta6691]

@@Ch_Simon app.set('views','../views'); app.set('view engine', 'hbs') Add these code in index. Js

[@probeshnath9688]

@@saurabhgupta6691 tnx. Your coding working

[@turzosaha3789]

Sir, you just directly copy the html part in the hbs, but what about the css file? without setting the right path of css file, how the server can run ?

[@rimanmohanty2011]

bro app.use(express.static(staticPath)); is baley main link hai na

[@MohabbatRJ]

use in the hbs folder

[@abhishekparmar5207]

Sir getting error - Cannot find module 'hbs' kya karu koi batav yrr

[@mansha4963]

Awesome 😲

[@shehrozkhan1461]

React js ko frontend k liye use kr skty ha node k sth ?

[@ThapaTechnical]

Yes

[@muritalaoludege]

Please I have a question, I have more than one collection which I want pass to my index page, please how can I do it

[@rakeshkumaryadav1117]

Html file is showing but style.css file is not implementing it is pure html How add css file Please Clear my doubt Node/ExpressJS In ExpressJS Folder present: musicapp ,views,src In music app index.html, style.css in views: index.hbs code of musicapp html in src: index.js node\expressJS>node src/index.js

[@MohabbatRJ]

use in the hbs folder

[@aryankhandelwal15]

i am getting html inside views without css and images applied. I mean It cannot fetching the assets?

[@Sp-px7gn]

Awesome 🎥videos

[@factomindset1407]

keep your views folder inside src accordingly then it will not show any error

[@venkatchalam6385]

Thapa ji pls explain little bit slowly,so we understand so better

[@Astrrick]

My css is not reflecting on the index.hbs file... my link for the style sheet is css/index.css folder structure: public/css/index.css Help.

[@chiraggupta9547]

Yes same problem anyone answer plz

[@unfiltered_with_yogi]

@@chiraggupta9547 in index.js use const staticpath = path.join(__dirname,"../public/"); and then in the hbs folder

[@chiraggupta9547]

@@unfiltered_with_yogi ok bro.

[@nithinmanjadiyil8166]

Is there any other ways by which we can add demo names instead of the placeholders and still do the same functionality ? i mean, like we receive a html page (with some identifiers ofc to identify where to change the values) but the html page would look like a actual page instead with some weird texts. Just asking, if you guys faced a similar situation, please share how to solve this .

[@usamaali-0514]

how we can link our css file and call images or icons in index.hbs? please let me know asap. thanks

[@daminipawan__official1397]

Make a CSS folder in public folder And link the CSS file in hbs file href="CSS/style.css" And same for images

[@Whatever-jm2ul]

thapa is new age papa

[@simranbanwait]

Agar thapa bhai nahi hote to hum gareebon ka kya.. hota…

[@azimmemon4922]

Failed to lookup view error solution: In the terminal just type node src/index.js

[@Prasadrkmca]

Sir, really liked videos... Please do on Angular also

[@talhakhan4423]

this one was good

[@aksaurooj838]

it shows an error...failed to lookup index in views directory

[@deltechdiaries5907]

same here, did you find a fix for it??

[@probeshnath9688]

Same problem.. Do you any solution

[@EWorldHub]

Superb 🔥😈🔥

[@nakulrawal7605]

what if github is looking for index.html and we have index.hbs ....unless its index.html we wont be able to see the page any solution????

[@arshsharma3591]

really helpul bhai

[@DkAg-z4u]

i create npx create-react-app handlebar, how can i use handlebar in reactjs pls help

[@faisalmahmood8055]

Thanks Very Nice

[@zaeemjaved6850]

Bro my CSS is not being applied to HBS file. My path is correct for stylessheet. Please Help.

[@jessicagulati3596]

Same problem with me.. Did you solve that issue or still stuck

[@MohabbatRJ]

use in the hbs folder

[@nayanmore7460]

Failed to lookup view "index" in views directory What to do now

[@dhruvmanktala3206]

please make a video of React+php

[@rajuraj1257]

Nice video.Thanks

[@sushilyadav-dm5rr]

thapa bro aapka ye view engine sahi se work nahi kar raha hai

[@asifshaikasif4128]

Why cant we use readfile module and then use replace method For dynamic data

[@chaudharisunny4217]

Thank u so much 🤗🤗🤗

[@ezone2726]

Teach us also password js...and more advance in express js ... Thank you ❣️

[@javascriptwar9525]

kzbin.info/www/bejne/ipXNeGiJh9Gnqs0

[@ezone2726]

@@javascriptwar9525 thank you vai❣️❣️

[@javascriptwar9525]

@@ezone2726 🙏 me bhi thapa sir se inspire hu ..mujhe ese send nahi karna chaiye tha par socha ki kisiko jarurat par rahi toh kardiya..

[@salonirathi1158]

Nice video 👌👌👌

[@ayush1771]

How to use bootstrap in pug ??

[@rajuraj1257]

I am getting an error while running the hbs index page. Error: Failed to lookup view "index" in views directory "C:\Users\dell\Desktop\Node\express\src\views"

[@prakharagarwal9448]

Same here

[@aksaurooj838]

same here...did u find any soln?

[@rajuraj1257]

@@aksaurooj838 please change template file name

[@saurabhgupta6691]

@@rajuraj1257 which file name ?

[@sabia6211]

hey.. i have same problem. plz tell me how i can fix this problem

[@pritamchakraborty4407]

This video is awsome

[@Mai-karunga-business]

Thanks Bhai 😁

[@smartyarshad303]

Sir Mein nodejs ke Saath MYSQL use kar raha hoon. On click per database Mein 3 4 operation perform karna padhta hai. At time 3 4 user tak ho jata but ek Saath 50 user bhi Aa rahe hai toh operation perform nahi ho raha hain. I already use async await. Its a quiz game in there is group of 6 contestant. So if suppose there is 600 click at a time there must 100 container.

[@hanshal1602]

this video is helpful.

[@AshutoshKumar-ek3oy]

views wale hbs file CSS ni mil raha h usko kya kru?

[@mrsumankumar2110]

Main ek coding se website Banya hua us website ko domain hosting se bhi Jod Diya hun ab mujhe content dala hai to kaise dalu please bataya Maine ye questions har youtuber se puch raha hu kaoi reply nahi karte hai aap hi se ummid hai

[@pavankshirsagar224]

HBS mei error aa raha hai"failed to looks up view index in views directory"

[@Trishul-Industries]

same here is your problem solved??

[@umairn2368]

after this add app.set('view engine', 'hbs');

[@aadityakumar2103]

11th video is not available??

[@mainakpodder007]

Bro "index.hbs" me "css" apply nehi ho raha hai 😭.Pls reply karke batao. I will wait for your message.

[@skarbajuddin6266]

true problem yaar

[@shivangijoshi363]

Apne itne sare folders and jo cmd se files bnae wha m bht confuse hogyi and output m mjhe kch smjhni aya

[@nayanasawa7437]

I got an error like failed to lookup view "index.pug" in views directory please help me

[@mrabul1303]

I try a lot of time but my css and js file are not set how can i set it please tell me

[@MohabbatRJ]

use in the hbs folder

[@engineerslab1664]

bhaiya how did you add css file to index.hbs file

[@MohabbatRJ]

use in the hbs folder

[@techhelper9054]

​@@MohabbatRJ nhi kam kar rha bhai

[@nontechbg]

Thank you 😇

[@vishalkyadav3805]

bro when i use hbs to load a page it doesn't get styles?

[@rupakmagar6680]

css not worling once using index.hbs to render

[@fsociety692]

same issue bro you find any solution ??????/

[@rupakmagar6680]

​@@fsociety692 dont forget this.. const staticPath= path.join(__dirname, "../public"); app.use(express.static(staticPath)); if not working try adding.. const css= path.join(__dirname, "../public/css")

[@fsociety692]

@@rupakmagar6680 bro not working can explain a little bit or give me some link from where you solve this issue

[@jessicagulati3596]

@@rupakmagar6680 can you plz help me mere b css nhi add ho rhe

[@AMANLODHA-bm2bv]

@@fsociety692 plz provide source code(index.hbs and ccs).

[@deltechdiaries5907]

sir whenevr i render it, it says failed to lookup views

[@syednabeelali9038]

yr reply nai ata

[@deltechdiaries5907]

@@syednabeelali9038 i found the solution, just change your working directory , it will work

[@naishadhdave776]

Ok sir. Now it is came live....

[@LiveWelLounge]

hbs not working

[@teerthendra]

Same problem bhai, tere me kya problem aari h ? Mere me install ho gaya pr node modules nhi aa rhe

[@LiveWelLounge]

@@teerthendra bro ho gaya tha sb resolve

[@ritikjain3975]

help my css in not working in dynamic one