Skip to content

IDHalverson/watchful

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Watchful | Never miss out. Find the best videos.

Peek 2022-08-31 04-08

Primary Tools

  • Qwik - Generated from Blank Qwik starter app.
  • Vite.js tooling.
  • Prettier code formatter.

Purpose

A simple search interface to interact with YouTube's public API making it simple and easy to search and find the best videos.

How to use Qwik ⚡️

Development Builds

Client only

During development, the index.html is not a result of server-side rendering, but rather the Qwik app is built using client-side JavaScript only. This is ideal for development with Vite and its ability to reload modules quickly and on-demand. However, this mode is only for development and does not showcase "how" Qwik works since JavaScript is required to execute, and Vite imports many development modules for the app to work.

npm run dev

Server-side Rendering (SSR) and Client

Server-side rendered index.html, with client-side modules prefetched and loaded by the browser. This can be used to test out server-side rendered content during development, but will be slower than the client-only development builds.

npm run dev.ssr

Production Builds

A production build should generate the client and server modules by running both client and server build commands.

npm run build

Client Modules

Production build that creates only the client-side modules that are dynamically imported by the browser.

npm run build.client

Server Modules

Production build that creates the server-side render (SSR) module that is used by the server to render the HTML.

npm run build.ssr

Related

About

Never miss out. Find the best videos.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published