industryterm:static web

How to Turn #react Component into Native Web Component
▻https://hackernoon.com/how-to-turn-react-component-into-native-web-component-84834315cb24?sourc

https://cdn-images-1.medium.com/max/626/1*PRUJTTCZVlxp43LacdtrGg.jpeg

How to Turn React Components into Native Web ComponentsStep-by-step instructions on how to wrap a React component inside a framework-agnostic HTML custom element; how to expose its properties and events, and support children transclusion.I have a side-project creating and maintaining a React component library called #dotnetify-Elements; a very specialized set of UI components that are capable of talking in real-time to a .NET Core back-end through web socket/SignalR.There’s been a few occasions where I would like to use them on static web pages or websites built with other UI framework. It’s possible, but it entails jumping through a few hoops to get React build system going, and sometimes that just may not be desirable.The Web Component standard, while not as versatile as React, at least (...)

#dotnet #web-components

How to Build a Documentation App With Gatsby and Cosmic JS
▻https://hackernoon.com/how-to-build-a-documentation-app-with-gatsby-and-cosmic-js-8aed8b0aeaa5?

https://cdn-images-1.medium.com/max/640/1*eHOT0IlFTpQPEf-Q38I3_w.png

Documentation?… Documentation. Let’s say for a second that you want to create a way to easily publish and read docs, err… documentation. By the end of this read you will be able to do just that, all with the power of Gatsby (a static site generator) and Cosmic JS (an easy to setup and use Content Management System). Grab some coffee, find a comfy chair and let’s build something cool.TL:DRGatsby Documentation App Demo Check out the codebase1.0 — IntroductionWhat is Gatsby?Gatsby is an easy to use framework for generating static web site files. It comes bundled with all sorts of hotness, like React JS for building web components, and #graphql for handling our component state without the need to configure something like Redux to handle external data.What about Cosmic JS?Cosmic JS will handle our (...)

#reactjs #gatsbyjs #javascript #app-development

How to Integrate Next.Js and #hasura ?
▻https://hackernoon.com/how-to-integrate-next-js-and-hasura-4a964424db6d?source=rss----3a8144eab

https://cdn-images-1.medium.com/max/1024/0*aRlgSQoiVLAC3w22.png

How to Integrate Next.Js and HasuraBefore you start this project, i assume that you have basic idea about Next.js and Hasura. In this blog i will be showing how to integrate Next.js and Hasura.What is Next.Js ?Next.js is a JavaScript framework created by Zeit. It lets you build server-side rendering and static web applications using #react. It’s a great tool to build your next website. It has many great features and advantages, which can make #nextjs your first option for building your next web application.You don’t need any configuration of webpack or similar to start using Next.js. It comes with its configuration. All you need is to run yarn run dev and start building your application ?.Now that you are ready let’s get started!How to setup a Next.Js app ?I hope you will be aware of (...)

#postgresql #nextjs-and-hasura

SimpleWeb: A static website builder, based on webdav and javascript
▻https://git.framasoft.org/echarp/SimpleWeb

Emmanuel Charpentier aux RMLL, la démo est sympa, et l’approche plutôt cool
▻https://rmll.ubicast.tv/videos/le-web-simple-tout-editer-facilement

#CMS #middleman #site_statique #générateur_de_site #plook

Making your own static web site isn’t nostalgia. It’s the future of the web
▻https://neocities.org/blog/we-are-the-future

#HTML is durable, dependable, and lasts forever. Seanbaby’s Hostess Comics page was made 15-20 years ago, and it still works fine. It may not be “modern”, but not bad for something designed using tables (look at the source code). If Seanbaby used a “web application” for that page, or put it on that era’s equivalent of a social network (a forum or PHP posting site), it would have been dead a long time ago. How awesome is it that he didn’t?

►https://neocities.org est un #hébergeur_rigolo

(concerne aussi l’#archivage_militant )

The Static Web Returns
▻http://robmuh.com/the-static-web-returns

http://robmuh.com/images/mosaic.jpg

The ’90s standard of static web content is returning and for good reason. Mashable services covering every dynamic component a web site could ever really want have combined with the absolute client-side power of HTML5, CSS3, and modern Javascript to leave the humble page itself standing single and static.

#web #statique #pas_faux

Using org to Blog with #Jekyll
►http://orgmode.org/worg/org-tutorials/org-jekyll.html

Jekyll is a static web site generator written in Ruby. It can transform various text markups, using a templating language, into static html. The resulting site can be served by almost any web server without requiring additional components such as php. Jekyll is the tool used to produce Github’s pages.

This article discusses how to produce both a static site and a blog using Jekyll and org. Rather than writing a markup processor for org files, I have relied on org’s html export features to generate files that can be processed by Jekyll.

#emacs #org-mode