search

frankcollins3 / Next-Water-App

Happy, Healthy Water Cycling App that tracks user/human fluid intake.
https://next-water-app.vercel.app
1 stars 0 forks source link

have idea for an npm package if it's not out in the wild already. [2:57am] #4

Closed frankcollins3 closed 1 year ago

frankcollins3 commented 1 year ago

following along with this below youtube video to see Next 13.4.9 routing in example. https://www.youtube.com/watch?v=gQDzu7lmtfM

routing

pages routing:      /pages                      /pages/api                      
app routing (server components routing)

i.e.

app/page.tsx -->

export default function Home () {
👍     console.log("hi guys");                 // this log doesn't get rendered by browser logs it gets rendered by server logs.
}

being server components, these logs don't show up in the browser, they show up in the console. If it's not already done, it would be a cool idea to make an npm i that takes server logs, and if they're encapsulated by a: browser.log()

browser.logEnd() // similar to console.group()

This parent wrapper would check the server logs and put those logs into the google chrome browser.

frankcollins3 commented 1 year ago

closing issue.. this suggested idea is now stored as a repo so it isn't out of visibility [3:06am]

frankcollins3 commented 1 year ago

spoke too soon. "use client" right above the component and the logs go to client. interesting to wonder how to do this though, to make an npm i that would run server logs to client without "use client" [3:07am]