TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Ask HN: What novel tools are you using to write web sites/apps?

345 pointsby yawnabout 4 years ago
I'd like to hear about different approaches others are using to write web sites or apps today. What languages, frameworks, or libraries are you using? If so, why and what do you like about it?

125 comments

kouteiheikaabout 4 years ago
This partially might be more of a what&#x27;s old is new again, but here&#x27;s what I use:<p>- 100% server side rendered<p>- Progressively enhanced (fully works without JS, but having JS enabled makes it nicer)<p>- In select places where I need SPA-like snappiness I use a ~100 line long DOM diffing algorithm (I request full HTML through AJAX and diff it into the current page; if the user has no JS enabled then the page just refreshes normally)<p>- Running on a single, cheap VPS; no Docker, no Kubernetes, no serverless<p>- No SQL database; I just keep everything in memory in native data structures and flush to disk periodically; I have a big swap file set up so that I can keep a working set bigger than the RAM<p>- Written in Rust, so it&#x27;s fast; I can support tens of thousands of connections per second and thousands concurrent users on my cheap VPS
评论 #26700103 未加载
评论 #26695388 未加载
评论 #26699081 未加载
评论 #26695990 未加载
评论 #26709288 未加载
评论 #26698417 未加载
评论 #26695285 未加载
评论 #26721425 未加载
评论 #26698709 未加载
评论 #26697135 未加载
评论 #26696852 未加载
评论 #26695659 未加载
评论 #26695209 未加载
评论 #26695101 未加载
评论 #26702264 未加载
评论 #26695649 未加载
评论 #26695998 未加载
评论 #26699800 未加载
评论 #26703076 未加载
评论 #26698434 未加载
评论 #26697557 未加载
评论 #26695021 未加载
评论 #26705583 未加载
评论 #26696525 未加载
评论 #26696366 未加载
评论 #26697178 未加载
recursivedoubtsabout 4 years ago
I am working on two alternative tools for building web apps:<p><a href="https:&#x2F;&#x2F;htmx.org" rel="nofollow">https:&#x2F;&#x2F;htmx.org</a> - uses HTML attributes and HTML-over-the-wire for AJAX&#x2F;Web Socket&#x2F;SSE interactions<p><a href="https:&#x2F;&#x2F;hyperscript.org" rel="nofollow">https:&#x2F;&#x2F;hyperscript.org</a> - an experimental front end programming language derived from HyperTalk that is event-oriented and that removes the distinction between synchronous and asynchronous code.<p>Both tools are HTML-oriented and are designed to be embedded directly in your HTML, rather than along side it. I am trying to popularize the term &quot;Locality of Behaviour&quot; for this idea:<p><a href="https:&#x2F;&#x2F;htmx.org&#x2F;essays&#x2F;locality-of-behaviour&#x2F;" rel="nofollow">https:&#x2F;&#x2F;htmx.org&#x2F;essays&#x2F;locality-of-behaviour&#x2F;</a><p>There are a few tools that are moving people this direction these days, notably AlpineJS and Tailwinds.
评论 #26694880 未加载
评论 #26694546 未加载
评论 #26696350 未加载
评论 #26695113 未加载
评论 #26701610 未加载
评论 #26697491 未加载
评论 #26695043 未加载
评论 #26699010 未加载
评论 #26694501 未加载
评论 #26696592 未加载
hypertele-Xiiabout 4 years ago
I worked as a full-stack developer up until 7 years ago. Evaluating different options for my new website, I ended up just using what I&#x27;m familiar with: raw, vanilla PHP, HTML, CSS, and JS. Eliminates the need for any faff like server management on my part; PHP-enabled hosting is cheap and easy. No frameworks, just PHP. Not that novel, I know.<p>There&#x27;s a stark difference in research and production in terms of output, for me. If I wanna <i>get stuff done</i> I have to think less in terms of the newest, coolest thing and just use the right tool for the job.<p>Edit: Wrote some details on the design and implementation [1]<p>[1] <a href="https:&#x2F;&#x2F;hypertele.fi&#x2F;ec997be8c5933e87" rel="nofollow">https:&#x2F;&#x2F;hypertele.fi&#x2F;ec997be8c5933e87</a>
评论 #26697903 未加载
评论 #26698078 未加载
评论 #26697720 未加载
评论 #26699686 未加载
评论 #26700028 未加载
splatcollisionabout 4 years ago
Chiming in here with my latest &quot;weird but cheap&quot; stack:<p>* Use a Trello board as a free CMS. * Write cloudflare worker code to read cards from the board via Trello APIs and render card content as plain old HTML.<p>I use labels as tags for the categories, and have specific formatting in the card descriptions. If an attachment is a YouTube URL, it renders the video as an embed, otherwise it uses image attachments as post images. Card covers render as the link thumbnails on the list pages.<p>Powers our family YouTube blog: <a href="https:&#x2F;&#x2F;thunderiron.family" rel="nofollow">https:&#x2F;&#x2F;thunderiron.family</a><p>(Check it out if you like fun and delicious Keto recipes)<p>An earlier version of this stack powers my personal dev blog, and the approach is written up here:<p><a href="https:&#x2F;&#x2F;splatcollision.com&#x2F;page&#x2F;meta-post" rel="nofollow">https:&#x2F;&#x2F;splatcollision.com&#x2F;page&#x2F;meta-post</a><p>What is particularly cool is that I can post things right from my phone using the Trello apps!
评论 #26710262 未加载
评论 #26706123 未加载
评论 #26699908 未加载
h3raldabout 4 years ago
For my personal projects I find particularly satisfying using <i>my own</i> stack:<p>- <a href="https:&#x2F;&#x2F;h3rald.com&#x2F;litestore" rel="nofollow">https:&#x2F;&#x2F;h3rald.com&#x2F;litestore</a> if I need a RESTful searchable data store and some relatively simple middleware logic.<p>- <a href="https:&#x2F;&#x2F;h3.js.org" rel="nofollow">https:&#x2F;&#x2F;h3.js.org</a> if I need to write a single-page application and I just want to get things done fast.<p>- <a href="https:&#x2F;&#x2F;hastysite.h3rald.com" rel="nofollow">https:&#x2F;&#x2F;hastysite.h3rald.com</a> if I need a static site generator.<p>- <a href="https:&#x2F;&#x2F;min-lang.org" rel="nofollow">https:&#x2F;&#x2F;min-lang.org</a> for more complex things. It took a bit to get used to it, but I managed to get quite productive with it in the end.<p>I do occasionally try out more traditional things or the latest stuff but... using my own code feels a lot more gratifying. If I needed something different, I found myself building it from scratch exactly like I wanted it.
评论 #26729660 未加载
评论 #26698923 未加载
gmassmanabout 4 years ago
I&#x27;m using a combination of Elixir, Hugo, a bit of Python and GitHub Pages for a personal site that hosts my poetry. I set up a simple hourly job in elixir to check Evernote for any new poems I&#x27;ve tagged with poetry:publish. If a new poem is detected, the elixir job downloads the text, runs it through a Python script to add it to the Hugo repo, regenerates the static html and pushes the updates to GitHub.<p>Overall I&#x27;m a huge fan of Elixir, it&#x27;s incredibly reliable and easy to pick up for simple server tasks. Plus the scheduler is built into Beam, no need for any extra deps. My only complaint is needing to rely on extra python to convert the ENML to HTML, but that&#x27;s a very niche library so not surprising that it doesn&#x27;t exist in Elixir yet.
Leftiumabout 4 years ago
SvelteKit, Serverless, Backendless.com<p>SvelteKit[1] is a framework for SvelteJS (like Next.js is a framework for ReactJS). I&#x27;ve tried both Svelte and React. Svelte seems to be more elegant and lets me implement my ideas faster with less code. Svelte is very flexible; SvelteKit adds some opinions on how to do things like routing.<p>SvelteKit also embraces the serverless paradigm[2] (AKA JAMstack[3]). Although a node.js server is still an option, you can also have pages rendered in serverless functions or pre-rendered at build time. Even static pages can be &quot;hydrated&quot; on the client so they are not totally static. So this results in fine-grained SSR (server-side rendering) at the page level. The two main reasons for SSR are performance (especially on mobile devices) and SEO.<p>Backendless[4] is a VADP&#x2F;MBaaS. This platform offers a lot of services, but the main one I&#x27;m looking at is authentication&#x2F;identity. I was looking for an authentication service that supports anonymous guest login, social login, as well as traditional email&#x2F;password login. The other contenders were Google Firebase (slow, and confusing sign in&#x2F;sign up flow[5]) and AWS Cognito (too complicated&#x2F;difficult to use). Auth0 was a contender, but they don&#x27;t support guest logins.<p>[1]: <a href="https:&#x2F;&#x2F;kit.svelte.dev" rel="nofollow">https:&#x2F;&#x2F;kit.svelte.dev</a><p>[2]: <a href="https:&#x2F;&#x2F;www.serverless.com" rel="nofollow">https:&#x2F;&#x2F;www.serverless.com</a><p>[3]: <a href="https:&#x2F;&#x2F;jamstack.org" rel="nofollow">https:&#x2F;&#x2F;jamstack.org</a><p>[4]: <a href="https:&#x2F;&#x2F;backendless.com" rel="nofollow">https:&#x2F;&#x2F;backendless.com</a><p>[5]: <a href="https:&#x2F;&#x2F;github.com&#x2F;firebase&#x2F;firebaseui-web&#x2F;issues&#x2F;665" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;firebase&#x2F;firebaseui-web&#x2F;issues&#x2F;665</a>
评论 #26694835 未加载
bhlabout 4 years ago
- tailwindcss<p>I moved a React side-project from CRA to Next.js for server-side rendering benefits, but the latter doesn&#x27;t support directly importing css styles in jsx to avoid problems with the global scope.<p>The two options offered were CSS modules and CSS-in-JS. I didn&#x27;t like either approaches having hashes in the classname when opening the website in devtools, and both seemed too locked into React&#x2F;JSX.<p>Tailwind 1. doesn&#x27;t have component framework lock-in 2. doesn&#x27;t make me think of css classnames 3. atomic classnames are readable in dev tools 4. provides default colors and box shadows, etc.<p>In addition, they&#x27;re starting to make a render-less component library (<a href="https:&#x2F;&#x2F;headlessui.dev&#x2F;" rel="nofollow">https:&#x2F;&#x2F;headlessui.dev&#x2F;</a>): that means you can customize how components look without having to understand how its javascript internals work, which I&#x27;d find a huge plus compared to other libraries like ant design or material-ui.<p>- vite + react<p>More beginner friendly than webpack in starting a new project, and faster developer experience: page reloads almost instantly when you&#x27;re modifying a component.
评论 #26696439 未加载
ecesenaabout 4 years ago
Fav thread ever!<p>A good 5+ years ago I built HasGluten [1] with react backed by a google spreadsheet, hosted on github pages. Proven technology, it&#x27;s still working.<p>More recently I hacked together MultiPreview [2] with react + API served by firebase functions. I&#x27;m also temp using firebase hosting as I have little traffic, but plan to replace it with edge computing &#x2F; CDN caching.<p>MultiPreview is backed by Saasform [3]. This is more like a classic node&#x2F;express (nestjs) application, but I really like how we&#x27;re separating concerns: the SaaS = MultiPreview handles the biz logic &#x2F; Saasform handles landing page + auth + payments.<p>While building the new landing page I played with and liked a lot Bulma [4], I used but didn&#x27;t like AlpineJS [5] and I&#x27;m thinking to move to Hotwire [6].<p>My personal experience is that performance only matters when you&#x27;re big enough, so in the near future I want to experiment more on usability &#x2F; nocode side. And I&#x27;d love to see more open source alternatives to the big ones.<p>[1] <a href="https:&#x2F;&#x2F;hasgluten.com" rel="nofollow">https:&#x2F;&#x2F;hasgluten.com</a><p>[2] <a href="https:&#x2F;&#x2F;multipreview.com" rel="nofollow">https:&#x2F;&#x2F;multipreview.com</a><p>[3] <a href="https:&#x2F;&#x2F;github.com&#x2F;saasform&#x2F;saasform" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;saasform&#x2F;saasform</a><p>[4] <a href="https:&#x2F;&#x2F;bulma.io" rel="nofollow">https:&#x2F;&#x2F;bulma.io</a><p>[5] <a href="https:&#x2F;&#x2F;github.com&#x2F;alpinejs&#x2F;alpine" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;alpinejs&#x2F;alpine</a><p>[6] <a href="https:&#x2F;&#x2F;hotwire.dev" rel="nofollow">https:&#x2F;&#x2F;hotwire.dev</a>
评论 #26696482 未加载
crazypythonabout 4 years ago
Semantic HTML, CSS, Vanilla JS, and JAMStack.<p>Semantic: embed data directly in HTML. If I have a list of wines with categories, each wine&#x27;s &quot;class&quot; attribute has a class for each category.<p>HTML: can be generated by anything and consumed by anyone. Great SEO.<p>CSS: These websites were all made with the same HTML, only CSS changing. <a href="http:&#x2F;&#x2F;www.csszengarden.com&#x2F;" rel="nofollow">http:&#x2F;&#x2F;www.csszengarden.com&#x2F;</a><p>Let&#x27;s imagine we have a checkbox, that when checked, should dim every wine that is not a white wine. Next to it is a div of wines, with the &quot;container&quot; class. The div contains wine elements.<p>3 lines of CSS:<p><pre><code> input[type=&quot;checkbox&quot;].whiteWine:checked + .container &gt; :not(.whiteWine) { opacity: 0.5; } </code></pre> You can replace the checkbox&#x27;s appearance with an image, a video, just about anything– it doesn&#x27;t have to look like a checkbox.<p>This would take many lines of JavaScript in any other framework.<p>Instead of attempting to warp HTML into a UI library, this uses HTML as a data format, and CSS as a way to present that data.
评论 #26696705 未加载
评论 #26694487 未加载
评论 #26695670 未加载
评论 #26694674 未加载
tersersabout 4 years ago
This is the first thread in a long while that&#x27;s given me a lot of FOMO anxiety. I&#x27;ve made a lot of one-off server-side rendered apps in Flask, and right now I&#x27;m doing some backend work ASP.NET Core for my job, but I have this overwhelming feeling there&#x27;s so much I don&#x27;t know and I&#x27;m not sure where to start. I only bring this up in case I&#x27;m not the only person sharing these feelings.
评论 #26698106 未加载
评论 #26698069 未加载
评论 #26699595 未加载
评论 #26698104 未加载
评论 #26698248 未加载
评论 #26707011 未加载
ciesabout 4 years ago
Elm + elm-ui[1] (dont worry about CSS so much) + generated Elm client lib from GraphQL schema + Hasura (GraphQL over Postgres) + Postgres =&gt; strong type safety from db schema to frontend with SPA-first workflow; possibly add ReactAdmin[2] to the mix if that sort of thing is needed.<p>Rust + Actix + Yew (Rust browser framework compiling to WASM) =&gt; also verrrry nice vor SPA-first!<p>Slightly more traditional: Kotlin and jOOQ on the server side.<p>I also tend to let go of the HTML syntax lately, by using templating eDSLs such as in Elm, or in Rust&#x27;s Maud[3], or in Kotlin&#x27;s kotlinx.html or HtmlFlow.<p>[1]: <a href="https:&#x2F;&#x2F;www.youtube.com&#x2F;watch?v=Ie-gqwSHQr0" rel="nofollow">https:&#x2F;&#x2F;www.youtube.com&#x2F;watch?v=Ie-gqwSHQr0</a><p>[2]: <a href="https:&#x2F;&#x2F;github.com&#x2F;hasura&#x2F;ra-data-hasura" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;hasura&#x2F;ra-data-hasura</a><p>[3]: <a href="https:&#x2F;&#x2F;maud.lambda.xyz&#x2F;" rel="nofollow">https:&#x2F;&#x2F;maud.lambda.xyz&#x2F;</a><p>[4]: <a href="https:&#x2F;&#x2F;github.com&#x2F;Kotlin&#x2F;kotlinx.html" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;Kotlin&#x2F;kotlinx.html</a><p>[5]: <a href="https:&#x2F;&#x2F;github.com&#x2F;xmlet&#x2F;HtmlFlow" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;xmlet&#x2F;HtmlFlow</a>
评论 #26697254 未加载
评论 #26698090 未加载
realrockerabout 4 years ago
I have built an app template which uses Go html&#x2F;template package to render html on the server. The app is enhanced using sprinkles of javascript(stimulusjs, svelte single file components) on the client, wherever needed.<p>1. template: <a href="https:&#x2F;&#x2F;github.com&#x2F;adnaan&#x2F;gomodest-template" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;adnaan&#x2F;gomodest-template</a><p>2. template demo: <a href="https:&#x2F;&#x2F;gomodest-template.fly.dev&#x2F;" rel="nofollow">https:&#x2F;&#x2F;gomodest-template.fly.dev&#x2F;</a><p>3. SAAS starter kit using the template(wip): <a href="https:&#x2F;&#x2F;github.com&#x2F;adnaan&#x2F;gomodest-starter" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;adnaan&#x2F;gomodest-starter</a><p>4. SAAS starter demo: <a href="https:&#x2F;&#x2F;gomodest.xyz&#x2F;" rel="nofollow">https:&#x2F;&#x2F;gomodest.xyz&#x2F;</a><p>[edit: formatting]
allanmacgregorabout 4 years ago
I switched to Elixir&#x2F;Phoenix + LiveView for my stack.<p>- Content all markdown<p>- Tailwindcss for styling<p>- Phoenix provides a extremely fast framework<p>- No database at the moment<p>- CI&#x2F;CD with github actions<p>- Automated deployments with Gigalixir<p>I switched to gatsby and I notice that I was spending more time fighting the system than writing.<p>You can check it out here: <a href="https:&#x2F;&#x2F;allanmacgregor.com&#x2F;posts" rel="nofollow">https:&#x2F;&#x2F;allanmacgregor.com&#x2F;posts</a> and the code is available here: <a href="https:&#x2F;&#x2F;github.com&#x2F;amacgregor&#x2F;amgr_phx" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;amacgregor&#x2F;amgr_phx</a>
评论 #26698134 未加载
leipertabout 4 years ago
Just finished working on the first iteration of a website for my mom. I didn’t want to deal with a full classical CMS and maintain Databases and such, especially as my experience with wordpress, PHP and typo3 has faded a little bit.<p>My mom’s website is basically a directory of old mansions in former eastern Prussia. Site is in German: <a href="https:&#x2F;&#x2F;gutshaeuser-ostpreussen.de" rel="nofollow">https:&#x2F;&#x2F;gutshaeuser-ostpreussen.de</a><p>Anyhow Stack chosen:<p>Backend&#x2F;CMS as a Service: <a href="https:&#x2F;&#x2F;prismic.io&#x2F;" rel="nofollow">https:&#x2F;&#x2F;prismic.io&#x2F;</a> which is really great because it has an easy user interface that supports drafts, media, i18n (planning a polish version of the website) and defining custom types for pages which is great to force my mom to enter data consistently.<p>At first I used their SDK to simply query the data and rendered the Page while writing my own static site generator. Obviously very tedious. Since then I have moved away from that and landed on Nuxt which works well for me, because it allows me to iterate faster. Nuxt also supports rendering static pages <a href="https:&#x2F;&#x2F;nuxtjs.org&#x2F;blog&#x2F;going-full-static&#x2F;" rel="nofollow">https:&#x2F;&#x2F;nuxtjs.org&#x2F;blog&#x2F;going-full-static&#x2F;</a>. All of the JavaScript bits are basically progressive enhancements.<p>The page is then deployed via GitLab pages. Every time my mom changes a page, a webhook triggers a build of the Site.<p>What really eases my mind is the ability to simply backup all the data entered, as simple JSON files. So I don’t feel like there is any big vendor lock in with Prismic.
评论 #26697819 未加载
yawnabout 4 years ago
Just to add some off-the-beaten-path solutions I&#x27;ve come across recently:<p><a href="https:&#x2F;&#x2F;github.com&#x2F;Bogdanp&#x2F;koyo" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;Bogdanp&#x2F;koyo</a> - Koyo: a web app toolkit written in Racket<p><a href="https:&#x2F;&#x2F;github.com&#x2F;yawaramin&#x2F;re-web" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;yawaramin&#x2F;re-web</a> - ReWeb: a ReasonML&#x2F;OCaml web framework<p><a href="https:&#x2F;&#x2F;cons.io" rel="nofollow">https:&#x2F;&#x2F;cons.io</a> - Gerbil Scheme has an embedded web server that supports writing handlers for
评论 #26696640 未加载
simonwabout 4 years ago
I&#x27;ve been using my Datasette tool, originally intended for exploring databases, to build full-blown websites and it&#x27;s working surprisingly well. It supports Jinja templates and runs on SQLite databases so it&#x27;s actually a good fit for semi-static sites.<p>Here&#x27;s what Datasette looks like by default:<p>- <a href="https:&#x2F;&#x2F;latest.datasette.io" rel="nofollow">https:&#x2F;&#x2F;latest.datasette.io</a><p>And here are three websites that are actually just Datasette with some custom templates and plugins:<p>- <a href="https:&#x2F;&#x2F;datasette.io" rel="nofollow">https:&#x2F;&#x2F;datasette.io</a> (data: <a href="https:&#x2F;&#x2F;datasette.io&#x2F;content" rel="nofollow">https:&#x2F;&#x2F;datasette.io&#x2F;content</a> code: <a href="https:&#x2F;&#x2F;github.com&#x2F;simonw&#x2F;datasette.io" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;simonw&#x2F;datasette.io</a> )<p>- <a href="https:&#x2F;&#x2F;til.simonwillison.net" rel="nofollow">https:&#x2F;&#x2F;til.simonwillison.net</a> (data: <a href="https:&#x2F;&#x2F;til.simonwillison.net&#x2F;tils" rel="nofollow">https:&#x2F;&#x2F;til.simonwillison.net&#x2F;tils</a> code: <a href="https:&#x2F;&#x2F;github.com&#x2F;simonw&#x2F;til" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;simonw&#x2F;til</a> )<p>- <a href="https:&#x2F;&#x2F;www.niche-museums.com" rel="nofollow">https:&#x2F;&#x2F;www.niche-museums.com</a> (data: <a href="https:&#x2F;&#x2F;www.niche-museums.com&#x2F;browse" rel="nofollow">https:&#x2F;&#x2F;www.niche-museums.com&#x2F;browse</a> code: <a href="https:&#x2F;&#x2F;github.com&#x2F;simonw&#x2F;museums" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;simonw&#x2F;museums</a> )<p>They&#x27;re all hosted on either Vercel or Google Cloud Run at the cost of no more than a few dollars a month.
beatcrackerabout 4 years ago
I&#x27;ve built a tiny pet project [0] that uses JSON Schemas [1] extensively.<p>Data is defined by the schema and it&#x27;s used to build a static JSON API on GitHub Pages.<p>OpenAPI [2] definition for API reuses data schema and you can use OpenAPI Generator [3] to generate clients.<p>The site uses docsify [4] to display repo&#x27;s README nicely.<p>[0] <a href="https:&#x2F;&#x2F;beatcracker.github.io&#x2F;toptout&#x2F;" rel="nofollow">https:&#x2F;&#x2F;beatcracker.github.io&#x2F;toptout&#x2F;</a><p>[1] <a href="https:&#x2F;&#x2F;json-schema.org&#x2F;" rel="nofollow">https:&#x2F;&#x2F;json-schema.org&#x2F;</a><p>[2] <a href="https:&#x2F;&#x2F;swagger.io&#x2F;specification&#x2F;" rel="nofollow">https:&#x2F;&#x2F;swagger.io&#x2F;specification&#x2F;</a><p>[3] <a href="https:&#x2F;&#x2F;github.com&#x2F;OpenAPITools&#x2F;openapi-generator" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;OpenAPITools&#x2F;openapi-generator</a><p>[4] <a href="https:&#x2F;&#x2F;docsify.js.org&#x2F;" rel="nofollow">https:&#x2F;&#x2F;docsify.js.org&#x2F;</a>
danjacabout 4 years ago
Django, Hotwire&#x2F;Turbo+Stimulus, Tailwind, Postgres. The codebase is small, easy to reason about, and maintainable, it&#x27;s easy to build an accessible site on top of semantic HTML, and it&#x27;s fast and responsive enough for my needs. It&#x27;s nice to use JS for things it&#x27;s best suited for rather than being responsible for running the whole application. Tailwind has its detractors but honestly I&#x27;ve found (as a decidedly non-frontend person) that it&#x27;s very productive for building out a responsive design with good support for dark theming.
vbstevenabout 4 years ago
I’ve been playing around with code sharing options between web, mobile and desktop platforms.<p>The idea is that the app core is written once in Rust and bindings are automatically generated to all target platforms.<p>I have a project that starts with protobuf files and generates Rust for the shared core, and Dart (ffi) and JS (wasm) for the client stubs. The generated client interface is “platform-native-async” so Dart Futures or JS Promises. The bridge passes protobuf messages back and forth between both language contexts and takes care of the threading&#x2F;async mapping.
cygnedabout 4 years ago
If we do green field development, we often end up with a stack like this:<p>- Backend: Java + Spring Boot<p>We went there from node and we did try a lot of other backend stacks (Go, PHP, Clojure, Python, ...). Java has evolved quite nicely recently, APIs and libraries are rock-solid, well documented and battle tested. I plays very will with our DDD approach anyway. Many problems have already been solved for us here. Flyway for migrations, custom session handling mechanism. We do not use an ORM.<p>- Frontend SPA: Svelte<p>Again, we tried most of it, from vanilla JS, over Backbone+Marionette through React, Angular 1 - ?? and Vue. Svelte is a good compromise of an opinionated approach, high flexibility and ease of learning. It scales very well for big applications. Built with webpack.<p>- Frontend styling: Bootstrap<p>Yes, we developed with all of them again, even wrote our own. IBM Carbon is nice, but the svelte implementation has potential for improvements. People tell me everything looks like Bootstrap, but the point is: it&#x27;s well tested, very well documented, extensible and accessible, has accessibility concerns baked in and can be themed easily. If done well, an app doesn&#x27;t have to look like Bootstrap. We might pull in Tachyons for utilities if necessary.<p>- Data store: MySQL&#x2F;MariaDB or Postgres plus Redis<p>You name it, we tried it. Postgres never let us down, we know it very well and its SQL support is a breeze. I personally like MySQL&#x2F;MariaDB for some technical reasons. We had mixed experience with SQLite and bad experience with SQL Server. Oracle is pretty good, but the pricing is no in our favour. Everything related to caching and session handling goes into Redis. For search and analytics, we might pull in Elasticsearch or InfluxDB.<p>- Configuration<p>Config files or environment vars à la 12 factor app. We use Hashicorp Vault for bigger systems. We are dispassionate, though, what ever the client has decided to suffer through will be supported.<p>Complementary tools and technologies: Docker, docker-compose, Docker Swarm in prod, trying out Dokku at the moment, Keycloak for OAuth, Jenkins for CI&#x2F;CD, people are trying to convince me to use Github Actions. Deployments are usually done on big machines on an IaaS offering (we run Azure and AWS as well as bare metal), no cluster systems, no micro services. We do not use Kubernetes.
DanHultonabout 4 years ago
I built Nodewood: <a href="https:&#x2F;&#x2F;nodewood.com" rel="nofollow">https:&#x2F;&#x2F;nodewood.com</a><p>I really enjoy NodeJS&#x2F;Vue for web apps, but I got sick of having to connect together all the packages from scratch each time, set up ESLint, testing, database connections, write the user auth&#x2F;management, all that common stuff. So instead, I put together a boilerplate with all my common practices and basic app features. I figure, it ultimately saves me time on all future web apps, and if other people want to build a similar style of app, spending a few hundred on a decent boilerplate is cheaper than hiring a freelancer to do it for it, or even doing it yourself, if you value your time at anything higher than minimum wage.
评论 #26697704 未加载
BilalBudhaniabout 4 years ago
I have been enjoying building apps with <a href="https:&#x2F;&#x2F;hotwire.dev" rel="nofollow">https:&#x2F;&#x2F;hotwire.dev</a> (server-side rendered with JS sprinkled on top) after using React&#x2F;Vue heavily in the past.<p>I&#x27;m amazed at how simpler &amp; productive it has become to build apps without getting lost in the whole JS tool ecosystem.
BerislavLopacabout 4 years ago
I wouldn&#x27;t call it &quot;novel&quot;, but I&#x27;ve lately turned to designing APIs first using OpenAPI [0], and then using that specification to drive routing and validation using (shameless plug, but that&#x27;s what I use) pyotr [1].<p>[0] <a href="https:&#x2F;&#x2F;swagger.io&#x2F;specification&#x2F;" rel="nofollow">https:&#x2F;&#x2F;swagger.io&#x2F;specification&#x2F;</a><p>[1] <a href="https:&#x2F;&#x2F;pyotr.readthedocs.io" rel="nofollow">https:&#x2F;&#x2F;pyotr.readthedocs.io</a>
tomjugglerabout 4 years ago
Have you heard of tabulator? tabulator.info&#x2F; - I honestly don&#x27;t know how my spreadsheet based project would have been possible without this amazing library (and Flask with Jinja)<p>On the personal side I always love using Processing (p5js.org) for interactive canvas visualisations. I recently found out that this can be used with react, so that&#x27;s the basis for my next learning project.
nickjjabout 4 years ago
If you&#x27;re interested in hearing about what folks are using I have a podcast focused on this exact topic at: <a href="https:&#x2F;&#x2F;runninginproduction.com&#x2F;podcast&#x2F;" rel="nofollow">https:&#x2F;&#x2F;runninginproduction.com&#x2F;podcast&#x2F;</a><p>There&#x27;s 75+ episodes with a new guest &#x2F; app in each one. We talk about what tools folks use to build and deploy their apps, the why, best tips, etc..<p>At the moment there&#x27;s 188 distinct tools (languages, web frameworks, various services, etc.).<p>Personally I&#x27;m a big fan of Flask and Rails with mostly server rendered templates. Lately I&#x27;ve been combo&#x27;ing that with TailwindCSS, Hotwire Turbo and StimulusJS for the front-end.
ajxsabout 4 years ago
A while ago I created a simple website using an XML file as a storage technology and XSLT to render it to HTML. The data stored would be updated infrequently and suited a consistent format, making XML suitable for the job. Originally the site index file pointed to the XML file and the XSLT was rendered by the browser. This worked perfectly for a long time. Even though there was some technology to learn, it was a zero dependency, browser-native solution.<p>After a few years I decided to make everything completely static to facilitate some changes. It now uses lxml in a Python script to perform the XML transformation. This is run by a makefile and produces static HTML, which is then uploaded.<p>My blog (<a href="https:&#x2F;&#x2F;ajxs.me" rel="nofollow">https:&#x2F;&#x2F;ajxs.me</a>) is rendered using a static-site-generator I built myself in Python. Using Python template strings stored in HTML files to create a simple templating engine. The blog entries are written in HTML format and stored in an SQLite database loaded by the build script. The final output is entirely static HTML, not even any Javascript.<p>I&#x27;m experimenting with different formats for writing the entries themselves in, however I haven&#x27;t found anything yet that gives me more simplicity and control than HTML. The LaTeX to HTML conversions I&#x27;ve tried were way too bloated and messy, and markdown doesn&#x27;t seem to support the level of control I want. With HTML I have very granular control over the final output in the browser and can create whatever arbitrary content I need to.
the__alchemistabout 4 years ago
Django with raw SQL queries. HTML using templates, with CSS files for repeated styles (eg defaults for a given element type), and inline styles for one-offs. Modern javascript for targeted interactions like managing shopping carts through local storage, validating forms with visual feedback, and processing payments.<p>Typescript as-required; better language, but adds a build step.<p>Rust is promising for both front and back end, but backend frameworks are too sparse for websites, and frontend leads to large downloads for the client.
srikuabout 4 years ago
A shameless plug - but I&#x27;m attempting to build a kind of &quot;deploy first and develop as you go&quot; kind of system for this, inspired by the Smalltalk IDE and VM.<p>Link - <a href="https:&#x2F;&#x2F;github.com&#x2F;imaginea&#x2F;inai" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;imaginea&#x2F;inai</a><p>Associated post - <a href="https:&#x2F;&#x2F;labs.imaginea.com&#x2F;inai-rest-in-the-small&#x2F;" rel="nofollow">https:&#x2F;&#x2F;labs.imaginea.com&#x2F;inai-rest-in-the-small&#x2F;</a>
jtolmarabout 4 years ago
Some recent projects:<p>- Frontend only, plain javascript, but a lot of it uses a project-specific custom scripting language. This is a game that consists almost entirely of procedurally generated written content, so I write a language that makes it easy to categorize procedural content bits and make sub-calls to new ones. I have a long way to go on language design still, but it&#x27;s already better than a json blob.<p>- HTML frontend with some small plain javascript. Backend is node&#x2F;express, but most of the heavy lifting is done by a shell call to Coil Snake[1], and which inserts a ton of code in ccscript and 65816 assembly. This is a randomizer for Earthbound (<a href="http:&#x2F;&#x2F;pkscramble.com&#x2F;" rel="nofollow">http:&#x2F;&#x2F;pkscramble.com&#x2F;</a>), so those are super specialized tools for that purpose. But I really like the Coil Snake ecosystem, and it&#x27;s definitely going to influence my projects going forward (the decision to use a custom scripting language above was influenced by ccscript).<p>- Plain javascript frontend, vertx backend, postgres database. This is my goto for serious projects. It&#x27;s fairly boring.<p>[1]<a href="https:&#x2F;&#x2F;github.com&#x2F;pk-hack&#x2F;CoilSnake" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;pk-hack&#x2F;CoilSnake</a>
davidwparkerabout 4 years ago
I&#x27;m using SvelteJS[1] (specifically, Sapper[2]) on my product ListenAddict[3].<p>On other products I&#x27;m using SvelteKit[4], which is the spiritual successor to Sapper, but it&#x27;s _very much_ in beta, and I wouldn&#x27;t quite recommend it for production yet (even though it <i>is</i> being used in production for the NY Times).<p>I&#x27;ve found Svelte to be amazing to work in, especially compared to React&#x2F;Vue&#x2F;Angular. The compiler is great, and the final size in production is fantastic. It&#x27;s also super easy to do things that I previously found annoying&#x2F;hard&#x2F;long-winded to do in React.<p>[1] <a href="https:&#x2F;&#x2F;svelte.dev&#x2F;" rel="nofollow">https:&#x2F;&#x2F;svelte.dev&#x2F;</a> [2] <a href="https:&#x2F;&#x2F;sapper.svelte.dev&#x2F;" rel="nofollow">https:&#x2F;&#x2F;sapper.svelte.dev&#x2F;</a> [3] <a href="https:&#x2F;&#x2F;www.listenaddict.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;www.listenaddict.com&#x2F;</a> [4] <a href="https:&#x2F;&#x2F;kit.svelte.dev&#x2F;" rel="nofollow">https:&#x2F;&#x2F;kit.svelte.dev&#x2F;</a>
zubairqabout 4 years ago
I&#x27;m using a tool I built myself for simple internal apps: <a href="https:&#x2F;&#x2F;github.com&#x2F;yazz&#x2F;visualjavascript" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;yazz&#x2F;visualjavascript</a>
j-romabout 4 years ago
I built GoodPlates [1] using Netlify [2] for rendering the HTML, JS, CSS. Instead of using vanilla CSS, I used TailwindCSS [3]. My backend consists of API Gateway [4], Lambda [5], and DynamoDB [6]. I also use CircleCI [7] for deploying my API Gateway &#x2F; Lambda changes.<p>[1] <a href="https:&#x2F;&#x2F;findgoodplates.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;findgoodplates.com&#x2F;</a><p>[2] <a href="https:&#x2F;&#x2F;netlify.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;netlify.com&#x2F;</a><p>[3] <a href="https:&#x2F;&#x2F;tailwindcss.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;tailwindcss.com&#x2F;</a><p>[4] <a href="https:&#x2F;&#x2F;aws.amazon.com&#x2F;api-gateway&#x2F;" rel="nofollow">https:&#x2F;&#x2F;aws.amazon.com&#x2F;api-gateway&#x2F;</a><p>[5] <a href="https:&#x2F;&#x2F;aws.amazon.com&#x2F;lambda&#x2F;" rel="nofollow">https:&#x2F;&#x2F;aws.amazon.com&#x2F;lambda&#x2F;</a><p>[6] <a href="https:&#x2F;&#x2F;aws.amazon.com&#x2F;dynamodb&#x2F;" rel="nofollow">https:&#x2F;&#x2F;aws.amazon.com&#x2F;dynamodb&#x2F;</a><p>[7] <a href="https:&#x2F;&#x2F;circleci.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;circleci.com&#x2F;</a>
k__about 4 years ago
I&#x27;m currently working with the AWS CDK and the more I used it, the more I have the feeling tools like that could be the next big thing.<p>It&#x27;s melting the walls between cloud infrastructure and application code and the fact that it does IaC with the same language I use to program web apps (JS&#x2F;TS) plays an important role here.<p>I think, it&#x27;s not 100% there yet, but it&#x27;s on a good way.
评论 #26694890 未加载
bullenabout 4 years ago
I made my own app. server with built in distributed JSON database that can hot-deploy directly from your PC to a cluster of servers async. = instantaneously.<p>This means I have 1 second turnaround from idea implemented to testable on a copy of live.<p>Other than that I am still on manual HTML, CSS and vanilla .js!<p>JavaSE for server and javascript for client.<p>HTTP Comet-stream over XHR&#x2F;Fetch for real-time.<p>Single serving database salt SHA256 for security.
js4everabout 4 years ago
I use Cloudbackend [1] to create my projects serverless sql database and APIs with the API builder, it&#x27;s generating the node.js code and publish it to aws lambda. For the frontend I use either Vanilla js (no framework) or Vue.js [1] <a href="https:&#x2F;&#x2F;cloudbackend.appdrag.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;cloudbackend.appdrag.com&#x2F;</a>
hendryabout 4 years ago
Go + VueJS are serving me great. Deployed on AWS Lambda.<p>E.g. <a href="https:&#x2F;&#x2F;github.com&#x2F;kaihendry&#x2F;goserverless.sg" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;kaihendry&#x2F;goserverless.sg</a>
评论 #26705261 未加载
iudqnolqabout 4 years ago
I&#x27;m a college student trying to get into software development. I was recently hired to build a dashboard around some data stuck in an archaic platform.<p>I went with Phoenix and Elixir, and I really liked the combination of a focus on development enjoyment (inspired by Ruby on Rails) combined with an anti-magic attitude, so you can trace through what actually executes pretty easily. I haven&#x27;t had much other experience though, so that that with a large grain of salt.<p>My client was very happy with the speed of development and quality of the final product, so I consider it a successful choice by the main metric that matters here.<p>Edit: The main pain point has been deployment. I spent an afternoon on some shell scripts that scp to a virtual server that mostly work fine, but I don&#x27;t understand sysadmining very well and I I&#x27;m pretty sure they&#x27;ll blow up on me at some point. It would be really nice if there was a tool that took care of the actual servers part for me.
评论 #26698207 未加载
shubik22about 4 years ago
I use a pretty standard Rails stack, but just wanted to give a quick shoutout to Stimulus Reflex[1].<p>For the web app I&#x27;m working on, I wanted to add some real-time functionality (e.g. being able to broadcast updates to all the users on a given page in my application, and have them interact with each other) without having to write a full SPA. I ended up implementing that functionality using Stimulus Reflex and it&#x27;s been great.<p>Stimulus Reflex uses: 1) Stimulus JS for frontend functionality 2) CableReady, a websocket library built on top of ActionCable 3) morphdom, a clientside DOM diffing library to update your UI<p>I&#x27;d recommend anyone who wants to incorporate some more advanced functionality into their Rails app to take a look. (I can&#x27;t speak to how it stacks up against the new Hotwire&#x2F;Turbo stack, as I haven&#x27;t built anything with that.)<p>[1] <a href="https:&#x2F;&#x2F;docs.stimulusreflex.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;docs.stimulusreflex.com&#x2F;</a>
swilliamsioabout 4 years ago
For my personal website&#x2F;blog, I use the beautifully simple static site generator makesite.py.[1] For the other sites I&#x27;ve made, I&#x27;ve used WordPress or plain old no fuss static html&#x2F;js&#x2F;css.<p>[1] <a href="https:&#x2F;&#x2F;github.com&#x2F;sunainapai&#x2F;makesite" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;sunainapai&#x2F;makesite</a>
jimnotgymabout 4 years ago
Novel... for Hacker News<p>Wix and Squarespace with Shopify for ecommerce. Every time I get asked for yet another marketing site at work I make people prove these would not work for them first. 10 bucks a month
tschuehlyabout 4 years ago
I&#x27;m doing Fullstack with Angular + Spring Boot Kotlin.<p>I love writing the backend but the frontend part really seems overly complex.<p>In the end I&#x27;m just mirroring my data from the backend on the frontend, having to maintain two models, mapping the json to an object and then inputing that data into another component where it gets displayed. For example I tried to create a generic edit component but without reflexion it was a huge pain in the butt: <a href="https:&#x2F;&#x2F;github.com&#x2F;tschuehly&#x2F;DataRecovery&#x2F;blob&#x2F;f4003ddebbba7ef45a48fef3860e3978250277c2&#x2F;datarecovery-frontend&#x2F;src&#x2F;app&#x2F;containers&#x2F;object-edit&#x2F;object-edit.component.ts" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;tschuehly&#x2F;DataRecovery&#x2F;blob&#x2F;f4003ddebbba7...</a><p>I would love to just have an html structure and then just having a template for a component filling it in the backend and sending it to the frontend.
news_hackerabout 4 years ago
I&#x27;m really enjoying working with MDX (JSX &amp; markdown hybrid). <a href="https:&#x2F;&#x2F;mdxjs.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;mdxjs.com&#x2F;</a><p>I was able to quickly put together a blog with some pretty nice features (e.g. margin notes): <a href="https:&#x2F;&#x2F;pratik.is&#x2F;writing&#x2F;essays&#x2F;media-as-food" rel="nofollow">https:&#x2F;&#x2F;pratik.is&#x2F;writing&#x2F;essays&#x2F;media-as-food</a><p>Writing content in markdown while adding interactivity with JSX is pretty nifty.<p>If you click &quot;Raw&quot; here you can see how the blog post is just markdown with some custom JSX elements littered in, e.g. &lt;WrappedSidenote &#x2F;&gt;: <a href="https:&#x2F;&#x2F;github.com&#x2F;pringshia&#x2F;pratik.is&#x2F;blob&#x2F;master&#x2F;pages&#x2F;writing&#x2F;essays&#x2F;media-as-food.md" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;pringshia&#x2F;pratik.is&#x2F;blob&#x2F;master&#x2F;pages&#x2F;wri...</a>
sandreasabout 4 years ago
hugo[1] for static websites, that need SEO<p>SVELTE[2], routify[3] and Orbit.js[4] for SPA Frontend with API requirements API Platform[5] or JsonApiDotNetCore[6] for Backend<p>SignalR[7] when realtime is required<p>[1] <a href="https:&#x2F;&#x2F;gohugo.io&#x2F;" rel="nofollow">https:&#x2F;&#x2F;gohugo.io&#x2F;</a><p>[2] <a href="https:&#x2F;&#x2F;svelte.dev&#x2F;" rel="nofollow">https:&#x2F;&#x2F;svelte.dev&#x2F;</a><p>[3] <a href="https:&#x2F;&#x2F;routify.dev&#x2F;" rel="nofollow">https:&#x2F;&#x2F;routify.dev&#x2F;</a><p>[4] <a href="https:&#x2F;&#x2F;orbitjs.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;orbitjs.com&#x2F;</a><p>[5] <a href="https:&#x2F;&#x2F;api-platform.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;api-platform.com&#x2F;</a><p>[6] <a href="https:&#x2F;&#x2F;www.jsonapi.net&#x2F;" rel="nofollow">https:&#x2F;&#x2F;www.jsonapi.net&#x2F;</a><p>[7] <a href="https:&#x2F;&#x2F;dotnet.microsoft.com&#x2F;apps&#x2F;aspnet&#x2F;signalr" rel="nofollow">https:&#x2F;&#x2F;dotnet.microsoft.com&#x2F;apps&#x2F;aspnet&#x2F;signalr</a>
nwienertabout 4 years ago
Cannot recommend gqless highly enough for making graphql actually fun to use and closer to something like meteor&#x2F;firebase syntax[0].<p>And I’ll self-promote, I’ve been working on what I consider to be a “next generation” style system for React that solves my biggest issue with it currently: being able to performantly write styles in a nice syntax that optimize for both web and native. Called SnackUI, still in beta[1]. It has an optimizing compiler that really speeds up React apps a ton, but still lets them run fully on native, even with themes and responsive queries.<p>I’ve been hacking on a cool project for the last year using the two of them and really believe in them both.<p>[0] <a href="https:&#x2F;&#x2F;gqless.com" rel="nofollow">https:&#x2F;&#x2F;gqless.com</a><p>[1] <a href="https:&#x2F;&#x2F;github.com&#x2F;snackui&#x2F;snackui" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;snackui&#x2F;snackui</a>
_fat_santaabout 4 years ago
I&#x27;m from the &quot;new camp&quot;, my career started with a React JS gig and I&#x27;ve been in that space ever since. My typical stack is React frontend + Severless backend + FaunaDB if I need a DB.<p>Everything is deployed via Netlify (well except the DB) and I use their functions to emulate a traditional backend.
_greim_about 4 years ago
I&#x27;ve been using the <i>Vacancy Observer</i> pattern to do data-fetching in my React app for a few years now.<p><a href="https:&#x2F;&#x2F;gist.github.com&#x2F;greim&#x2F;3de3bcb71a672e11c75e371b7b81f4bb" rel="nofollow">https:&#x2F;&#x2F;gist.github.com&#x2F;greim&#x2F;3de3bcb71a672e11c75e371b7b81f4...</a>
benja123about 4 years ago
For all of my new side projects I am all in on Phoenix live view. I couldn’t be happier, you can write web apps quickly and it is super reliable. It’s probably not the best choice for every project, but for now it lets me do a lot as a solo dev who has maybe 30 minutes to an hour free a day to code side&#x2F;personal projects.<p>My personal project that has the most use is <a href="https:&#x2F;&#x2F;readastorytome.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;readastorytome.com&#x2F;</a>. Almost all of the problems&#x2F;bugs I have with it are to do with my implementation of webrtc and pdf.js. Liveview has been the source of very few problems.<p>And tinylivechat.com is a WIP that is also using Phoenix live view but I am debating killing it
评论 #26697301 未加载
sbazerqueabout 4 years ago
It is somewhat whacky, but what I&#x27;m doing is:<p>I created a library to have distributed data types directly on the browser [1]. So there are no servers, data is sync&#x27;d directly between people&#x27;s browsers.<p>Then I created a library to bind react components directly to my distributed data types [2]. So the app is just a static page, hosted anywhere, that works as an SPA.<p>[1] <a href="https:&#x2F;&#x2F;github.com&#x2F;hyperhyperspace&#x2F;hyperhyperspace-core" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;hyperhyperspace&#x2F;hyperhyperspace-core</a><p>[2] <a href="https:&#x2F;&#x2F;github.com&#x2F;hyperhyperspace&#x2F;hyperhyperspace-react" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;hyperhyperspace&#x2F;hyperhyperspace-react</a>
评论 #26699601 未加载
snorremdabout 4 years ago
My blog&#x2F;homepage is built using:<p>- Gatsby.js static site generator framework<p>- Posts written as md or mdx (markdown with jsx support)<p>- Github Actions to build the site<p>- Published to and served by Cloudflare workers<p>- Uses [sci](<a href="https:&#x2F;&#x2F;github.com&#x2F;borkdude&#x2F;sci" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;borkdude&#x2F;sci</a>) and ClojureScript to add a live Clojure REPL component that can be used in blog posts<p>- Tailwindcss is used for styling via emotion css-in-js and a tailwind plugin.<p>The setup mostly works ok, but as always with the JavaScript community the amount of breaking changes can be a bit taxing. Because Gatsby handles static site generation the blog works without JavaScript enabled for those that only want to access the static content.
notamyabout 4 years ago
For my projects I&#x27;ve built most of the infrastructure stack myself:<p>- <a href="https:&#x2F;&#x2F;github.com&#x2F;queer&#x2F;singyeong" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;queer&#x2F;singyeong</a> if I need message queuing &#x2F; etc<p>- <a href="https:&#x2F;&#x2F;github.com&#x2F;queer&#x2F;crush" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;queer&#x2F;crush</a> if I need a basic JSON store or cache or ...<p>- <a href="https:&#x2F;&#x2F;github.com&#x2F;queer&#x2F;mahou" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;queer&#x2F;mahou</a> is my WIP to replace container schedulers<p>It&#x27;s a very satisfying experience to see my own tooling reach this level of maturity ^^
yen223about 4 years ago
I have been exploring offline-first approaches to building web apps.<p>In a nutshell, the UI interacts with local state, and a background service syncs local state with server-side state and vice-versa. This theoretically allows the app to remain fully functional even when offline, while maintaining the benefits of your stuff being accessible from all your devices. There&#x27;s also UX gains as well - your UI interactions don&#x27;t need to be blocked by network calls.<p>In practice, that means using something like IndexedDb to manage client-side state, and modelling data as CRDTs or similar in order to have eventual consistency with the server.
EamonnMRabout 4 years ago
Python + Fast API. It&#x27;s the minimal web framework I always dreamed of.
评论 #26699789 未加载
评论 #26708512 未加载
mpweiherabout 4 years ago
For the Objective-S site, <a href="http:&#x2F;&#x2F;objective.st" rel="nofollow">http:&#x2F;&#x2F;objective.st</a>, I obviously had to create something in Objective-S.<p>And because one of the goals of Objective-S is to blur the hard lines between Unix-style command-line programming, Smalltalk-like integrated development and macOS-like apps, I also wanted to to create something to blend these elements.<p>The site is served by an Objective-S program that hooks an Objective-C wrapper for libµhttpd up to a bunch of storage-combinators that define the web-site.<p>The Objective-S program is created in an interactive app called SiteBuilder, which includes Smalltalk-style browsers for the classes the define the program + the resources (some markdown + images). The app has an integrated live-preview that reloads interactively, as-you-type. That preview is served via a special URL handler that keeps everything within the app (no http). In addition it also serves the site on an HTTP port.<p>The code + resources for the site are stored together in a macOS bundle, so a directory wrapper with the files inside. In fact, this data format is a version of a generic &quot;Smalltalk bundle&quot; that is used by a bunch of different live-editing applications.<p>To deploy, the wrapper is rsync&#x27;ed over to a DO droplet (smallest instance they have) running Linux + GNUstep. This setup has held up to a HN hug-of-death without breaking a sweat, so it&#x27;s reasonably light-weight and robust.<p>Other sites are maintained using the same SiteBuilder program, but first exported to a static site.
tdfirthabout 4 years ago
I&#x27;m currently working on a PaaS product called fold.sh (very early days).<p>One thing I&#x27;m using that I&#x27;ve seen crop up on this thread is tailwindcss... I&#x27;ve not used it before but I&#x27;m really enjoying it so far. It&#x27;s not a panacea by any means - it makes no attempt to help you organise your CSS or make it modular so you need to &#x27;bring your own discipline&#x27;. For example, it&#x27;s fairly easy to end up with inconsistent design because it makes it so easy to just add a few custom tweaks here and there. That same feature also makes it easy to duplicate information.<p>That said, for the first time I feel like I can actually iterate quickly on CSS and design in general. That probably says more about me than CSS but I&#x27;m having a blast. The fixed set of choices and short&#x2F;consistent class names mean that I spend less time reading docs and more time iterating, which is great in my book.<p>Maybe it&#x27;s an approach that doesn&#x27;t scale well to teams? Maybe I&#x27;ll regret it later? Can&#x27;t comment on that yet but it has certainly given me a step change in CSS productivity.<p>The rest of the tech I&#x27;m using is all pretty dull, with one exception, which is that I&#x27;m using the platform to host itself (the backend at least).<p>Hopefully this doesn&#x27;t count as too much of a shameless plug but it certainly fits the bill of a &#x27;different approach&#x27; as I&#x27;m the only user right now!!<p>The (very basic) landing page is here:<p><a href="https:&#x2F;&#x2F;fold.sh&#x2F;" rel="nofollow">https:&#x2F;&#x2F;fold.sh&#x2F;</a>
评论 #26697448 未加载
brundolfabout 4 years ago
Not sure if this counts, but for simple stuff (both front and back-end!) I&#x27;ve been loving regular JS template strings for rendering HTML. Your render logic ends up looking very similar to React functional components, and you can get editor extensions that do syntax highlighting inside the string.<p>There are obvious downsides - on the back-end it&#x27;s slower than a proper templating system, and on the front-end you&#x27;re rebuilding the DOM tree from scratch each time, with all the limitations that includes (performance, animations get interrupted, HTML state gets lost, any event listeners have to be re-initialized). But for simple stuff, I cannot recommend it enough.<p>Here&#x27;s a back-end example from my personal website: <a href="https:&#x2F;&#x2F;github.com&#x2F;brundonsmith&#x2F;website&#x2F;blob&#x2F;master&#x2F;src&#x2F;render&#x2F;index.html.js" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;brundonsmith&#x2F;website&#x2F;blob&#x2F;master&#x2F;src&#x2F;rend...</a><p>And here&#x27;s a front-end example: <a href="https:&#x2F;&#x2F;github.com&#x2F;brundonsmith&#x2F;blogs&#x2F;blob&#x2F;master&#x2F;docs&#x2F;site.js" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;brundonsmith&#x2F;blogs&#x2F;blob&#x2F;master&#x2F;docs&#x2F;site....</a>
评论 #26697321 未加载
swlkrabout 4 years ago
I use janet-lang<p>The stack lately has been<p>- osprey (sinatra like framework)<p>- tailwindcss<p>- sqlite<p>- alpine.js<p>- turbo (from hotwire)<p>Memory usage is really low, so I can have quite a few websites on a single VPS
catchmeifyoucanabout 4 years ago
<a href="https:&#x2F;&#x2F;shuffle.dev" rel="nofollow">https:&#x2F;&#x2F;shuffle.dev</a> - drag drop and export as html. Nice for landing pages
ghego1about 4 years ago
For non-app websites, so in other words for &quot;static websites&quot;, I have worked in the last 15 years with many technologies.<p>First j was in love with server side rendering. Mostly it was PHP in many flavors. For projects I had full control over I even built custo frameworks. Then I tried server side rendering in nodejs with frameworks such as react-server. I must say that the overheads were not worth in my experience.<p>I also tried client side rendering with js frameworks such as angular (v. &gt;= 2) and react, but to be fully honest that was a not idea solution for &quot;static websites&quot;.<p>Lately I&#x27;ve combined all these experiences and I&#x27;ve built my own static web site builder, YASSB (<a href="https:&#x2F;&#x2F;yassb-foss.github.io&#x2F;" rel="nofollow">https:&#x2F;&#x2F;yassb-foss.github.io&#x2F;</a>). I&#x27;ve built it combining what felt tome like the best features of all the above. In short:<p>- websites are pre-rendered and served as static websites<p>- pages are composed with reusable components, these can be simple HTML components or can be rendered with js.
rufiusabout 4 years ago
I don’t do much on the apps&#x2F;websites side of things. I’m a platform and systems developer by experience&#x2F;preference.<p>That said, I’ve long maintained a blog. I prefer to build my own tools. I wrote a highly opinionated static site generator in Go over the course of the few evenings during March.<p>I used to use Ghost to host the blog on DigitalOcean but got tired of chasing NPM updates. I got a small VPS instead, installed OpenBSD, and now the site runs off relayd+httpd. relayd handles setting caching headers. httpd handles serving of HTML.<p>It’s working really nicely. If I didn’t use IBM Plex Sans as a font, my site would easily join the lists like 10kb club. I do set the caching header for it though.<p>Other than that, I’ve got a couple of side projects I’ve been noodling on. Back end will probably be Go. Front end app will likely be PHP&#x2F;Laravel. PHP 7+ has been really nice to work with and it runs well on OpenBSD. If it ever got popular enough, shifting to elastic deployments with Docker&#x2F;LXC&#x2F;Podman would be straightforward.
amorriscodeabout 4 years ago
I use Foam (<a href="https:&#x2F;&#x2F;foambubble.github.io&#x2F;foam&#x2F;" rel="nofollow">https:&#x2F;&#x2F;foambubble.github.io&#x2F;foam&#x2F;</a>) for my second brain and have it integrated directly into my website: <a href="https:&#x2F;&#x2F;anthonymorris.dev&#x2F;second-brain" rel="nofollow">https:&#x2F;&#x2F;anthonymorris.dev&#x2F;second-brain</a>
raitucarpabout 4 years ago
- Next.js (react)<p>- Chakra-UI (for ui + ux)<p>- Hasura (graphql + postgresql)<p>- Express.js (for custom actions, event hooks etc)<p>- Kafka for message brokers<p>Previously, I was fullstack javascript developer using raw html with only express js and its renderer. Later I discovered ui and ux, react with dsl also graphql as data layer overwhelmed me. So I found simple stack for faster shipping. Learning curve is not that difficult I think.
评论 #26698586 未加载
disqardabout 4 years ago
I&#x27;m migrating a side-project that was served by a Django-based server running on Heroku.<p>Here&#x27;s the new version (WIP):<p><a href="https:&#x2F;&#x2F;www.blockstudio3.net" rel="nofollow">https:&#x2F;&#x2F;www.blockstudio3.net</a><p>It&#x27;s written in Haxe (transpiled to js), runs on a single VPS with all of its data in SQLite, and is cached behind a CDN, making it pretty snappy.
cheeseblubberabout 4 years ago
Client side: React - Typescript Backend: Phoneix - Elixir<p>We&#x27;re a live message tool and it is basically what Elixir is built for <a href="https:&#x2F;&#x2F;github.com&#x2F;papercups-io&#x2F;papercups" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;papercups-io&#x2F;papercups</a>.<p>The Elixir community has been great and incredibly friendly. I originally was worried about the size of the community but that hasn&#x27;t been an issue the community has been super helpful. I also think the annual stackoverflow usage surveys are very misleading because most of the community&#x27;s questions get asked in ElixirForum and not on Stackoverflow.<p>Phoneix is the web framework of Elixir which is very similar to Rails but minus a lot of the magic has been very helpful for our productivity as well.<p>If I had to built another service that is websocket heavy I would definitely use Elixir. Even if it was a standard crud app I would still most likely choose Elixir.
dorianmariefrabout 4 years ago
For my app I use React Native with a webview, I can&#x27;t imagine doing native now and having to release for every change.
评论 #26696792 未加载
voiper1about 4 years ago
Svelte and feathersjs.<p>Feathersjs seems to be just the right amount of magic: choose a backend store with a model, and it creates REST CRUD endpoints for you.<p>You can drop down to middleware or ideally use &quot;hooks&quot; that activate before (e.g. permissions) or after (post processing) each CRUD call. A new endpoint is a breeze to set up.
d--babout 4 years ago
I am building a tool to construct internal apps quickly: <a href="https:&#x2F;&#x2F;www.jigdev.com" rel="nofollow">https:&#x2F;&#x2F;www.jigdev.com</a><p>The idea is that developers who know business problems are usually bad at frontend. This is a tool to help them build web apps without much html knowledge.
runawaybottleabout 4 years ago
Many things can be a text messaging service or an email digest if that helps you think outside of the box.
评论 #26694825 未加载
rashkovabout 4 years ago
<a href="https:&#x2F;&#x2F;rescript-lang.org&#x2F;" rel="nofollow">https:&#x2F;&#x2F;rescript-lang.org&#x2F;</a><p>Based on ocaml’s type system which is a delight to use.<p>I’ve been working on this codebase for over a year and I’ve yet to see a runtime error. Maybe there was one minor one, not sure. It’s remarkable.
jjcmabout 4 years ago
[Warning: Not Safe For Prod]<p>Pug and Stylus for html &#x2F; css preprocessors, especially if you&#x27;re new to coding.<p>I used to teach a lot of web dev classes to non web devs (mainly designers looking to upskill). One of the worst parts of html&#x2F;css (or code in general), particularly when you&#x27;re experimenting, is the strictness. Pug and Stylus are great preprocessors for experimenting and rapid iteration, particularly because they don&#x27;t care. Pug doesn&#x27;t care if you change between its syntax and html. Stylus doesn&#x27;t care if you missed a ;, or a : in your style declaration. They are forgiving languages, essentially the antithesis of something like Typescript.<p>Absolutely excellent when you&#x27;re trying to wrap your brain around something. I highly recommend them.
rektideabout 4 years ago
Still working to get to launch, but been very happy using Github Catalyst[1], a Basecamp Stimulus inspired library for easily authoring Web Components.<p>[1] <a href="https:&#x2F;&#x2F;github.com&#x2F;github&#x2F;catalyst" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;github&#x2F;catalyst</a>
yborisabout 4 years ago
My commercial app: <i>Video Hub App</i> - <a href="https:&#x2F;&#x2F;videohubapp.com&#x2F;en&#x2F;" rel="nofollow">https:&#x2F;&#x2F;videohubapp.com&#x2F;en&#x2F;</a><p>App written with Electron &amp; Angular. Includes a &quot;web app&quot; inside that gets served so you can browse videos on your phone - built in Angular.<p>The public-facing website is built in Gatsby, and served from the cheapest hosting I could find: $3&#x2F;month - also connected to CloudFlare for free-tier CDN.<p>Made a small webpage for users to download their purchased app too - just 3 pages built with PHP (so fast and easy!)<p>All code is MIT open source: <a href="https:&#x2F;&#x2F;github.com&#x2F;whyboris" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;whyboris</a>
brochingtonabout 4 years ago
I&#x27;ve been experimenting with ways of using Web Components with the ECS (Entity Component System) pattern. I&#x27;m not sure it will ever become the preferred way of writing web apps, but it does offer promise in exposing some alternate ways to structure Frontend code.<p>Here is an example Calculator App I&#x27;ve made: <a href="https:&#x2F;&#x2F;codesandbox.io&#x2F;s&#x2F;fervent-elion-isq29" rel="nofollow">https:&#x2F;&#x2F;codesandbox.io&#x2F;s&#x2F;fervent-elion-isq29</a><p>And here is the ECS library I&#x27;m using (which I&#x27;ve written): <a href="https:&#x2F;&#x2F;github.com&#x2F;brochington&#x2F;ecstatic" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;brochington&#x2F;ecstatic</a>
privongabout 4 years ago
I am planning a small compute job tracking&#x2F;notification service. Initially it will be for my own personal use, but may eventually be offered publicly.<p>I plan to write the server in Racket (likely leaning heavily on [0]) and have it interface with a sqlite database. Since the load will be quite low, I&#x27;ll put it on a small VPS.<p>I&#x27;ve enjoyed using Racket for some small projects and am interested in scaling up my abilities to use it in a larger project. Based on my reading the first half of [0], it seems like something that&#x27;s achievable give my other constraints (real job, etc.).<p>[0] <a href="https:&#x2F;&#x2F;serverracket.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;serverracket.com&#x2F;</a>
Normal_gaussianabout 4 years ago
For quick personal things I have a massive hack over webpack that makes anything &quot;&lt;filename&gt;.static.&lt;suffix&gt;&quot; into an output. This means there are no parallel directories for assets and my code can be a million times more modular.<p>Its a hack. There are edge cases. It was a proof of concept that has carried me over the line. I even have extra plugins for server side render and compile time render.<p>I keep meaning to write it up and try and port the tests to weboack itself (so I can argue for missing features), but it does what I need, I&#x27;m not a front end dev, im busy elsewhere (in life and work).
claytongulickabout 4 years ago
Json-patch [1] for dead simple RESTful object mutations via PUT.<p>Mongoose-patcher [2] for using it with mongoose &#x2F; mongodb.<p>Json-patch-rules [3] for declarative security on patch operations.<p>[1] <a href="http:&#x2F;&#x2F;jsonpatch.com&#x2F;" rel="nofollow">http:&#x2F;&#x2F;jsonpatch.com&#x2F;</a><p>[2] <a href="https:&#x2F;&#x2F;github.com&#x2F;claytongulick&#x2F;mongoose-json-patch" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;claytongulick&#x2F;mongoose-json-patch</a><p>[3] <a href="https:&#x2F;&#x2F;github.com&#x2F;claytongulick&#x2F;json-patch-rules" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;claytongulick&#x2F;json-patch-rules</a>
gwbas1cabout 4 years ago
Server-side rendering engine for Node.js: Pogon.html<p><a href="https:&#x2F;&#x2F;github.com&#x2F;GWBasic&#x2F;pogon.html" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;GWBasic&#x2F;pogon.html</a><p>About a year ago I decided to learn Node.js by writing a personal blog engine. I wanted a rich, template-based server-side rendering engine that would share things like headers and footers among different pages.<p>Mustache and Handlebars (templating systems for Javascript) are awesome, but they don&#x27;t have the rich kind of HTML-aware templating that I was looking for.
debarshriabout 4 years ago
I have been building react frontend and golang backend (go-gin to be specific) recently. However, post compilation of react app, I use go-bindata to convert it into a golang embeddable asset and service it via specific route in go-gin, For instance (&#x2F;#&#x2F; or &#x2F;) is there frontend is located and (&#x2F;api) is there the api endpoints are located. In this way, you can actually distribute the app with just one binary. Downside is that it is a complicated workflow and takes quite sometime to compile.
jrwrabout 4 years ago
I wanted something novel for my &quot;website&quot; so I used a few websocket tunnels, xterm.js and User Mode Linux to make a rather quick booting Curses Dialog menu as my main website [1].<p>It was a fun challenge to secure it and make sure it doesn&#x27;t get overloaded, as its on a cheap 30$&#x2F;yr VPS. since UML doesn&#x27;t need any CPU extensions, it just about works anywhere.<p>You can read a little but more about how I built it under the &quot;UML&quot; menu [1].<p>[1] <a href="https:&#x2F;&#x2F;jrwr.io" rel="nofollow">https:&#x2F;&#x2F;jrwr.io</a>
评论 #26698031 未加载
secranabout 4 years ago
Some languages written in c&#x2F;q&#x2F;j, pure css&#x2F;js, is often only a few hundred lines of a project, I do not use a database, or rarely encounter the need for a database, sqlite&#x2F;kdb is very easy. You can try my website, <a href="https:&#x2F;&#x2F;flashlo.com" rel="nofollow">https:&#x2F;&#x2F;flashlo.com</a>. The back-end code is probably no more than a hundred lines, and the front end is a single page. I don&#x27;t like vdom. They cover up a lot of details about how things run.
评论 #26697710 未加载
评论 #26697686 未加载
davidedicilloabout 4 years ago
I recently built <a href="https:&#x2F;&#x2F;listlinks.co" rel="nofollow">https:&#x2F;&#x2F;listlinks.co</a> with flask + js + saasform (to manage all auth + billing) + bulma on heroku.
rikrootsabout 4 years ago
For my current personal project I&#x27;m having a lot of fun playing with client-side Sqlite[1] via WASM. It&#x27;s great for situations where you have a set of relational data which you want to query and sift and display on the page in various ways, yet you know users won&#x27;t need to add to, or alter, that data set.<p>[1] - sql.js - <a href="https:&#x2F;&#x2F;github.com&#x2F;sql-js&#x2F;sql.js&#x2F;" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;sql-js&#x2F;sql.js&#x2F;</a>
BrandoElFollitoabout 4 years ago
I am an amateur dev writing things mostly for myself, just a few were worth sharing as open source.<p>I use Quasar (based on Vue) for everything. Yes, it makes it look like I have a hammer and everything looks like a Quasar-Vue nail,but it always works.<p>Everything is enclosed, components, canvas,... SPAs are easy, WPAs are easy, everything is easy.<p>The community could be better but the docs are excellent.<p>I&#x27;ve learned quite a few things about Vue using Quasar, so this is a plus too.<p>As for the back, nothing fancy, usually Python with flask.
评论 #26697056 未加载
gilfoyleabout 4 years ago
I have used craftwork design method framework to build startup landing pages and websites.<p><a href="https:&#x2F;&#x2F;craftwork.design&#x2F;downloads&#x2F;method-4&#x2F;" rel="nofollow">https:&#x2F;&#x2F;craftwork.design&#x2F;downloads&#x2F;method-4&#x2F;</a><p>It ships with many layouts, blocks and components in React that you can mix and match for building landing pages. If building a page from scratch isn&#x27;t in your wheelhouse it&#x27;s quite useful to get something out quickly.
da39a3eeabout 4 years ago
For a startup with a friend: Typescript, Vue, Bulma, Buefy, Django, Postgres<p>For a hobby project: Typescript, Vue, Bulma, Buefy, Rocket (Rust), Postgres<p>I’m slightly worried about the bulma&#x2F;buefy choice as there doesn’t seem to be a very active online community, but they work well so far.<p>I’m hosting on render but I don’t know if I’ll continue to use them if it starts getting serious with real clients.<p>Is there anything like Django in the node.js world? I mean that gives you so much stuff out of the box?
评论 #26697153 未加载
jimmontabout 4 years ago
LitElement + native Web APIs, Deno on Google Cloud Run. Not novel as they&#x27;ve been rolling along a few years, but not as widely used&#x2F;known. Easier to developer with overall: easier to manage state, loosely couple&#x2F;compose components, better performance both in development and for end-use, easier to directly use native web APIs--both on the frontend and in middleware, potentially eliminating part or all of build processes.
jujodiabout 4 years ago
I&#x27;m currently using Obsidian Publish to build and publish the knowledge base website underlying the information I send people in my newsletter, which is something I&#x27;ve always wanted to do and never had the time to build. I like that it&#x27;s similar to GitHub pages in that it&#x27;s just a bunch of markdown files, but it comes with a really amazing editor and it&#x27;s pretty much 0 effort to host and update.
matthewcantyabout 4 years ago
I recently built a site for publishing photographs I am takin weekly.<p>It’s all in Golang. Using Pulumi to deploy into AWS. CDN, API Gateway, Lambda, S3.<p>I’m planning to add DynamoDB for metadata and the recently released S3 feature which allows for on-the-fly transformations of objects.<p>It’s been a breeze. Absolutely loving it compared to all the static generators and JS-heavy alternatives I’ve built in the past.<p>I also find some pleasure in finding the resulting HTML being neat too.
ChrisRusabout 4 years ago
Working on a new spin on domain models and software product line engineering, in JavaScript, for data scientists that need to build sophisticated process pipelines, and complex interactive visualization UX --- from data and reusable stuff. The dream is an open and extensible cloud that functions like the software service analogue of the system-on-chip ecosystem that&#x27;s eating the devices&#x2F;IoT world.
dna_polymeraseabout 4 years ago
Currently migrating services to OCaml backend (mostly Opium&#x2F;httaf). For a webapp experimenting with incr_dom (OCaml that is compiled to JS)
xyzzyrzabout 4 years ago
Plasmic is a web design tool &#x2F; visual page builder that works deeply with code, builds web apps as well as websites, and doesn&#x27;t lock you in (exports anywhere).<p><a href="https:&#x2F;&#x2F;www.plasmic.app" rel="nofollow">https:&#x2F;&#x2F;www.plasmic.app</a><p>It plugs into React stacks, including SSGs like Gatsby&#x2F;Next.js, and continuously generates code that you can override&#x2F;extend. (I work on this!)
评论 #26702017 未加载
ggregoireabout 4 years ago
PostgREST + React.
评论 #26695863 未加载
300africansabout 4 years ago
Backend: Rails API, redis. Sometimes Hasura with keycloak. Frontend: React, material UI and&#x2F;or bootstrap for styling
sillysaurusxabout 4 years ago
I still use Arc to write most of my websites, e.g. our TPU management system <a href="https:&#x2F;&#x2F;www.tensorfork.com&#x2F;tpus" rel="nofollow">https:&#x2F;&#x2F;www.tensorfork.com&#x2F;tpus</a><p>Arc&#x27;s kind of underrated. It&#x27;s nice to spin up a form to do arbitrary things without having to hook up any other boilerplate.
recovabout 4 years ago
Wrote a post about mine - <a href="https:&#x2F;&#x2F;blog.peasley.me&#x2F;post&#x2F;serving-sites-the-lazy-way_2020-02-23" rel="nofollow">https:&#x2F;&#x2F;blog.peasley.me&#x2F;post&#x2F;serving-sites-the-lazy-way_2020...</a><p>Basically, single VPS with dokku managing multiple sites. Easy to add SSL and more websites whenever.
isoosabout 4 years ago
Recently I got into a web app idea, which does not require any search engine indexing (mostly admin-heavy stuff), and I gave Flutter Web a try (note: I was using Dart on the server side for a long while, and occasionally as compiled to JS too).<p>No regrets so far: it is productive and handles complex state really well.
grantlongabout 4 years ago
<a href="https:&#x2F;&#x2F;withkoji.com&#x2F;community" rel="nofollow">https:&#x2F;&#x2F;withkoji.com&#x2F;community</a><p>Provides &quot;core services&quot; for web apps much like mobile OS&#x27;s do for native apps. Also allows devs to fork existing published apps and built from a pre-existing codebase.<p>Fun to experiment with.
XCSmeabout 4 years ago
I started to learn BlitzJS[0], as the promise is it allows you to quickly create apps without worrying about the DB or API, which should make it easy to create an MVP.<p>[0]: <a href="https:&#x2F;&#x2F;blitzjs.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;blitzjs.com&#x2F;</a>
JCVI-syn10about 4 years ago
Sounds like an incredibly slow way to handle a LAMP stack. On your website you mentioned manually writing the routing and other basic functions a framework covers out of the box.<p>From your website: &quot;we transfer control to the first PHP file, the router, and begin by importing my little toolbox I&#x27;ve accumulated over the years.&quot; If you wanna &quot;get stuff done&quot; that doesn&#x27;t sound simple or fast.<p>You don&#x27;t use any js frameworks? You write CSS by hand and throw out all the benefits of SCSS?! This all applies just to your personal blog. It would not scale.<p>&quot;It&#x27;s a total hack achieved by careful output buffering, variable scoping, and function overloading&quot; how is &quot;a total hack&quot; simpler than OOTB functions provided by a PHP framework?<p>You&#x27;re even defending ragged-left aligned-right text. In any country where uses are used to reading left-to-right this is the slowest way to read, this has been studied well before the web existed.
richardanayaabout 4 years ago
I&#x27;m experimenting with creating web pages in Rust WebAssembly using lit-html. <a href="https:&#x2F;&#x2F;github.com&#x2F;richardanaya&#x2F;lit-html-rs" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;richardanaya&#x2F;lit-html-rs</a>
Ambixabout 4 years ago
Server-side-rendering all the way! Still using good-ol PHP which really shines with Comet: <a href="https:&#x2F;&#x2F;github.com&#x2F;gotzmann&#x2F;comet" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;gotzmann&#x2F;comet</a>
kenloabout 4 years ago
A bit on the edge, but superfast development. Saasform for signups and subs management, Flutter for all the frontends, Darklang for serverless backend functions. 100% tested code and GitHub Actions for ci&#x2F;cd automation.
onion2kabout 4 years ago
react-three-fiber with the new three-stdlib library. It&#x27;s an approach that enables much smaller WebGL apps through tree-shaking, and the dev experience is really good (Typescript, fast refresh, no bundling step, etc).
oedmarapabout 4 years ago
Bootstrap and Jekyll for all of my personal sites and side projects; with HTMX and&#x2F;or vanilla JavaScript when needed. Same stack as well for clients who need static sites.<p>For other clients (that need a CMS) it&#x27;s WordPress.
cpachabout 4 years ago
Hugo running on AWS Amplify. A really great combo for static web sites.
评论 #26696428 未加载
marganiabout 4 years ago
At the moment I really enjoy converting my previous information website that was written in C# and ASP.NET into a very simple custom static site generator written in javascript.
jboogie77about 4 years ago
I like how this thread is asking what ~novel~ tools ppl are using and everybody instead is replying about how they are using php, css, Django, vanilla js, etc
tonfreedabout 4 years ago
I use Gatsby to generate a static blog using markdown. It goes alright, though since I&#x27;m not really a JS person it was a bit of a pain to get running
qatanahabout 4 years ago
Using a different setup for deploying client side static html.<p>- React&#x2F; Js framework<p>- Deploy Static Files to S3<p>- Cloudfront for cdn<p>- Cloudflare pointing to cloudfront cdn<p>- Cloudfare Page rules for protected sites &#x2F; no need create login&#x2F;auth<p>- Flask<p>- Postgres
thepraabout 4 years ago
For my personal project quick.collanon.app I&#x27;m going with Blazor WebAssembly and I enjoy not having to write no more js for the frontend
droptablemainabout 4 years ago
Right now I&#x27;m really enjoying building this way:<p>1) React&#x2F;Next.js front-end app 2) Lumen (PHP) for the API<p>Maybe not novel per se, but highly performant and effective.
offtop5about 4 years ago
I used Firebase and Flutter Web for a project. I really think flutter is the future, Dart is what Typescript should of been.
alphabet9000about 4 years ago
i wrote an html generator called jibber [0] that works over IRC. the input syntax is similar to markdown; it was written in mircscript and i&#x27;ve been using it for about 5 years for my own websites.<p>[0] <a href="http:&#x2F;&#x2F;jollo.org&#x2F;LNT&#x2F;doc&#x2F;jibber" rel="nofollow">http:&#x2F;&#x2F;jollo.org&#x2F;LNT&#x2F;doc&#x2F;jibber</a>
reitanqildabout 4 years ago
Not novel everywhere but certainly on HN it seems:<p>- JavaEE (see Adam Biens talks)<p>- ASP.net core<p>Maybe more HN usual:<p>- Quarkus (program real Java like its PHP with <i>instant</i> reloads)
mro_nameabout 4 years ago
for feedback forms on otherwise static websites I use my <a href="https:&#x2F;&#x2F;codeberg.org&#x2F;mro&#x2F;form2xml" rel="nofollow">https:&#x2F;&#x2F;codeberg.org&#x2F;mro&#x2F;form2xml</a> to unpack raw form dumps into better digestable xml.<p>So the processing can happen where the static site generator runs.
kuonabout 4 years ago
Phoenix live view was a game changer for me. Never been happier for web dev. I use it with tailwindcss.
santa_boyabout 4 years ago
I am creating content websites only using Notion nowadays. It is pretty efficient and quick to launch.
hnarayananabout 4 years ago
Nothing I use is novel. :)<p>I create a static site (happens to be with Hugo) and rsync it to a tiny running Nginx.
mkoryakabout 4 years ago
Cider with corgi mode
jcelerierabout 4 years ago
Qt&#x27;s webassembly support
jillesvangurpabout 4 years ago
Kotlin &amp; Fritz2. I had to make some difficult decisions with the startup I&#x27;m a CTO of last year. I had a pretty junior team that knew Android, Kotlin, and a bit of server side Kotlin. Then for various reasons we decided to do web, Android, and IOS. So, web based development was a foregone conclusion as we did not have the bandwidth to ramp up separate teams. I did not have the resources to grow the team. And I did not want people to get side tracked learning a lot of new things.<p>Normally, I would have gone down the typescript + react route. I&#x27;m a backend developer but I&#x27;ve done some frontend projects with it before. But I was the only one on the team with relevant skills here.<p>So, instead I salvaged what I had which was lot of Kotlin know how in the team, a Kotlin multiplatform library that we built for Android already (api and model classes), and a Kotlin backend. So, I took a calculated risk of picking Kotlin-js as the main way to do our frontend.<p>I stumbled across a new framework called Fritz2 last year, which is written in Kotlin. I liked what I saw. We did a few spikes end of last year to check if it could do the job and worked as advertised (yes). Then we built a new web app with it in a very short time. I would normally not recommend people take that much risk but in our case it was defensible and it worked out great. In retrospect, we&#x27;ve been very fortunate as this is simply a very well designed framework. At this point we are very productive with it and have a feature complete app that we are putting in the hands of customers. Two months is not a lot of time to pull that off and I&#x27;m lucky with both the team and the technology we picked.<p>What do I like about this:<p>- It&#x27;s just another Kotlin project. That means great tools, great language, and it happens to compile to javascript and run in a browser. We refactor at will, use nice Kotlin DSLs, have autocomplete for just about anything.<p>- Fritz2 is written by a small group of developers that know a lot about frontend development. So you get decent component technology (loosely inspired by react), everything is reactive by default (because Kotlin has great support for that), and they also integrated solutions for things like styled components, using and creating web components. So in short, it&#x27;s a very modern feeling framework that should feel right if you are expecting clean code, components, and sane architecture.<p>- The Kotlin tooling for javascript is pretty great. It comes with lots of ways to integrate with the javascript world. E.g. we integrated leaflet and that was pretty straightforward: add the npm, adapt a few of the typescript mappings. Dukat which is the kotlin type mapping generator that does this automatically nearly worked but ended up generating a few problematic areas. So, I expect this to get better. But manually writing some mappings is not that hard.<p>- Kotlin StateFlows are a great way to represent state. Basically, components subscribe to state flows and respond to any changes you put there. This is a core concept that Fritz2 pushes hard with a concept of stores that store data classes and sub stores that you can derive from that for individual fields. It basically makes you do the right things with your state and you get very type safe and easy separation of rendering code and state management. If you come from Android, that&#x27;s pretty much how things work there as well these days. Also, it&#x27;s similar in newer frameworks like Swift UI and Jetpack Compose.<p>- Fritz2 uses kapt, which a compile time annotation processor, to generate code from model classes to make it easy to subscribe to changes in web components. That gets rid of a lot of boiler plate.<p>- It uses webpack underneath, which gives us a lot of flexibility for how we build our software. We also use cordova to produce native wrappers. With some plugins even.<p>- We use koin for dependency injection. And it&#x27;s just as important of a design pattern in frontend as it is in backend code. Koin is what we used on Android and it&#x27;s a great fit for Fritz2 as well. Nice testable code and we don&#x27;t have a lot of Baron from Muenchhausen style self initializing code (like every messy js project I&#x27;ve ever seen).<p>Things I don&#x27;t like that are long term fixable:<p>- The kotlin-js tooling still has some rough edges. It got a lot better with Kotlin 1.4. though. But undeniably, you will have to do some problem solving when dealing with this. Despite this, we pretty much hit the ground running with this and have not lost a lot of time over this.<p>- Source maps particularly seem flaky. So, debugging in a browser is a bit meh in a browser. If that matters to you, it&#x27;s a problem for now. I expect this to get fixed as they improve the new IR compiler for kotlin-js.<p>- Performance of the build tooling and compiler is not great. In fairness, it&#x27;s not a whole lot worse than the typical webstacks out there. It actually uses webpack underneath. But it&#x27;s definitely not very fast. They do have incremental compilation and usually changes load in the browser after a few seconds. So, that keeps productivity high.<p>- There are not a lot of people doing this yet. So, you need to get creative solving issues. That includes reaching out to developers on the Kotlin slack, digging through OSS code to see how stuff works, etc. The community is very supportive. But if you hit a problem, Stackoverflow does not have all the answers just yet.
whateveracctabout 4 years ago
Shpadoinkle! (in Haskell)
b215826about 4 years ago
Pandoc and a makefile.
vldrabout 4 years ago
(neo)vim
markdownabout 4 years ago
.
评论 #26695884 未加载