A | B | C | D | E | F | G | H | I | J | K | L | M | N | O | P | Q | R | S | T | U | V | W | X | Y | Z | AA | AB | |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
1 | Topic | Keyword | Search vol. | Status | KW difficulty (1–100) | Related KWs (vol.) | Notes | |||||||||||||||||||||
2 | Trending topics | |||||||||||||||||||||||||||
7 | Building scalable micro-frontends with Vike and Vite | REQUESTED | vite-plugin-ssr (110, 41%) | Vike (formerly `vite-plugin-ssr`) is a framework built in top of Vite specifically for SSR and client side routing. We can use the two together in a microfrontend tutorial that addresses challenges like code splitting, independent deployment, shared state management, etc. Explain the benefits of SSR, and show how to configure it with Vike. Code splitting/deployment/state management should also be covered. This would end up in a very small app compared to React so also possibly shows the size benefits from using this approach. | ||||||||||||||||||||||||
10 | A guide to the best email editing tools | REQUESTED | react email editor (if we go with React) 70, 30% email editing tool (20) easy-email-editor (20) mgml email (20) | Introduce the concept of email editors and how they are used to create responsive email templates, integrate into existing apps, etc., highlighting their usability in frontend. The article should cover how to integrate tools with a chosen web framework like React or Anglar. Ideally, use a dev mailer tool like https://github.com/maildev/maildev to view generated emails after they are sent to see how they display. If possible, also cover how to use other tools (like a countdown timer in the generated emails). Cover tools like: - Easy Email Editor - GrapesJS - MJML - Unlayer (with a priorty towards free/open source tools) | ||||||||||||||||||||||||
11 | Building a real-time application with Relay 17 | react relay | 210 | REQUESTED | 53% | Relay v17 was released a couple of weeks ago, with new features like enhanced schema validation and edge type validation, performance optimizations, and expanded editor integration features. Offer an overview of Relay and its importance in the GraphQL ecosystem, breaking down new features from v17, and offer a tutroial for building a real-time app with Relay, and offer tips for integrating v17 into exisitng projects. The Relay GH page mentions that it is declarative, colocated, and has mutations. The article should at least briefly demonstrate why these things can be an improvement over developing a React app without Relay. | ||||||||||||||||||||||
12 | Advanced Next.js caching strategies | next js caching | 210 | REQUESTED | 34% | next js cache (170, 40%) | Offer a comprehensive guide to data caching strategies in Next.js using next-cache-toolbar, next-shared-cache, etc., covering topics such as cache invalidation, revalidation, expiry, etc. and best practices for integrating certain caching strategies into a Next workflow. The article should also show the differences in time between not having a cache solution and having one. Should also show where to store cache, and how to do so in a secure manner (so the users’ cache isn’t stored in an insecure way). Integrate next-cache-toolbar to show what loads are being cached and what are being relaoded from the server. https://github.com/KajSzy/next-cache-toolbar/ https://github.com/caching-tools/next-shared-cache | |||||||||||||||||||||
13 | Visualizing JSON data and popular tools to do so | visualize json data | 70 | REQUESTED | 34% | data visualization json (50, 20%) best way to visualize json data (20, --) | Explore why someone might want to or need to visualize JSON data (debugging, data analysis, dev workflows, etc.). Introduce a variety of tools for visualzing JSON, like JsonTree, JSON Hero, etc. Also explore common challenges that arise when visualizing this data (large datasets, performance, etc.) https://github.com/williamtroup/JsonTree.js https://jsonhero.io/ | |||||||||||||||||||||
14 | Creating toast notifications using Solid Toast | REQUESTED | Solid Toast is Solid.js’ new library for creating customizable toasts. We can offer a practicla example for how to create toasts using Solid, as well as how to handle results from a toast notification, and update the test within a toast. We can also compare how using Solid differs from creating toasts in React to crosslink to our existing articles. | |||||||||||||||||||||||||
15 | Enhance your workflow with Node-RED v4.0 | node-red | 2.9k | AVAILABLE | 63% | Node-RED recently had a major release for v4, which includes updates like: - Fixing certain configs and errors with the checkbox - Adding tooltips and message validation in the editor - Runtime changes This article should cover what Node-RED does and how it can be deployed on a variety of platforms, as well as what someone would use it for. Consider demonstrating how to get Node-RED to do something on a specific event, like user signup, or order completion, because Node-RED is event-driven. Where possible, show improvements in v4 that make configurations easier. | ||||||||||||||||||||||
16 | Build an image editor/[?] with Fabric.js v6 | fabricjs | 260 | REQUESTED | 63% | react fabricjs (50, 20%) | Build something like an image editor meme generator or something more practical to allow users to upload images and customize them, manipulating canvas elements using Fabric.js The project should be able to demonstrate Fabric’s capabilities for object manipulation, filters and effects, layering, and an integration with a frontend framework like React or Angular. New features in v6 should be covered as well. | |||||||||||||||||||||
18 | | |||||||||||||||||||||||||||
29 | Adoption guides | |||||||||||||||||||||||||||
30 | | |||||||||||||||||||||||||||
31 | React | |||||||||||||||||||||||||||
32 | | |||||||||||||||||||||||||||
33 | | |||||||||||||||||||||||||||
34 | | |||||||||||||||||||||||||||
35 | React Native | |||||||||||||||||||||||||||
36 | | |||||||||||||||||||||||||||
37 | | |||||||||||||||||||||||||||
38 | | |||||||||||||||||||||||||||
39 | Next.js | |||||||||||||||||||||||||||
40 | | |||||||||||||||||||||||||||
41 | | |||||||||||||||||||||||||||
42 | | |||||||||||||||||||||||||||
43 | CSS | |||||||||||||||||||||||||||
44 | | |||||||||||||||||||||||||||
45 | | |||||||||||||||||||||||||||
46 | Rust | |||||||||||||||||||||||||||
47 | Fast Rust GPU computing with CUDA | rust cuda | 170 | AVAILABLE | cuda rust 50 (KD 16) rust cuda programming 20 (KD --) rust cuda bindings 10 (KD --) rust gpu 170 (KD 26) | CUDA interaction would be interesting to see in Rust, especially in regards to game programming use cases | ||||||||||||||||||||||
48 | | |||||||||||||||||||||||||||
49 | Angular | |||||||||||||||||||||||||||
51 | | |||||||||||||||||||||||||||
52 | | |||||||||||||||||||||||||||
53 | Astro | |||||||||||||||||||||||||||
54 | | |||||||||||||||||||||||||||
55 | | |||||||||||||||||||||||||||
56 | | |||||||||||||||||||||||||||
57 | Node.js | |||||||||||||||||||||||||||
58 | | |||||||||||||||||||||||||||
59 | | |||||||||||||||||||||||||||
60 | | |||||||||||||||||||||||||||
61 | GraphQL | |||||||||||||||||||||||||||
62 | | |||||||||||||||||||||||||||
63 | | |||||||||||||||||||||||||||
64 | | |||||||||||||||||||||||||||
65 | TypeScript | |||||||||||||||||||||||||||
66 | | |||||||||||||||||||||||||||
67 | | |||||||||||||||||||||||||||
68 | | |||||||||||||||||||||||||||
69 | JavaScript | |||||||||||||||||||||||||||
70 | | |||||||||||||||||||||||||||
71 | | |||||||||||||||||||||||||||
72 | | |||||||||||||||||||||||||||
73 | Vue | |||||||||||||||||||||||||||
74 | | |||||||||||||||||||||||||||
75 | | |||||||||||||||||||||||||||
76 | | |||||||||||||||||||||||||||
77 | NestJS | |||||||||||||||||||||||||||
78 | | |||||||||||||||||||||||||||
79 | | |||||||||||||||||||||||||||
80 | | |||||||||||||||||||||||||||
81 | Go | |||||||||||||||||||||||||||
82 | | |||||||||||||||||||||||||||
83 | | |||||||||||||||||||||||||||
84 | |