Sitio web de blog con trabajadores de Cloudflare y Reactjs
Publicado el 2024-08-16
Navegar:117
Introducción
Recientemente, creé un sitio web de blog usando Hono.js para el backend y React.js para el frontend. Este artículo tiene como objetivo guiarlo a través de todo el proceso de desarrollo, desde la configuración del backend con Cloudflare Workers hasta la implementación del frontend en Vercel.
Pila de tecnología utilizada:
- Hono.js: un marco web liviano para crear aplicaciones de alto rendimiento.
- React.js: una biblioteca JavaScript popular para crear interfaces de usuario.
- TypeScript: un superconjunto de JavaScript que agrega tipos estáticos para una mejor calidad del código.
- Prisma y Prisma Accelerate: un ORM para una gestión perfecta de bases de datos.
- PostgreSQL: una potente base de datos relacional de código abierto.
- Cloudinary: un servicio basado en la nube para gestionar contenido multimedia.
Consulta el proyecto aquí https://github.com/VaibhavArora314/blogging-website
No dudes en contribuir al proyecto o compartir tus comentarios.
Declaración de liberación
Este artículo se reproduce en: https://dev.to/vaibhav_31/blog-website-with-cloudflare-workers-and-reactjs-4pbi?1 Si hay alguna infracción, comuníquese con [email protected] para eliminarla.
Último tutorial
Más>
-
¿Cómo puedo transmitir vídeos MP4 en un servidor web Golang?Servidor web GoLang Streaming VideoP: Un servidor web Golang configurado para servir HTML, CSS, JavaScript e imágenes sin éxito intenta transmitir un ...Programación Publicado el 2024-11-14 -
¿Qué pasó con la compensación de columnas en Bootstrap 4 Beta?Bootstrap 4 Beta: eliminación y restauración del desplazamiento de columnasBootstrap 4, en su versión Beta 1, introdujo cambios significativos en la f...Programación Publicado el 2024-11-14
-
¿Cómo solucionar \"Configurado incorrectamente: Error al cargar el módulo MySQLdb\" en Django en macOS?MySQL configurado incorrectamente: el problema con las rutas relativasAl ejecutar python Manage.py RunServer en Django, puede encontrar el siguiente e...Programación Publicado el 2024-11-14
-
¿Cómo puedo encontrar usuarios con los cumpleaños de hoy usando MySQL?Cómo identificar usuarios con los cumpleaños de hoy usando MySQLDeterminar si hoy es el cumpleaños de un usuario usando MySQL implica encontrar todas ...Programación Publicado el 2024-11-14
-
¿Qué hace realmente \"display: table-column\" en CSS?¿Cómo se supone que funciona una "pantalla: columna-tabla" de CSS?En HTML, las tablas constan de filas, cada una de las cuales que contienen...Programación Publicado el 2024-11-14
-
¿Cómo maneja Babel 6 las exportaciones predeterminadas de manera diferente?Cambio importante: comportamiento predeterminado de exportación de Babel 6Con el lanzamiento de Babel 6, se han implementado cambios significativos en...Programación Publicado el 2024-11-14
-
Dominar SSR en Next.js: cómo impulsar el SEO y la experiencia del usuarioSSR (Representación del lado del servidor) es otro método para generar páginas en Next.js. En este artículo, quiero explicar qué es SSR, cómo funciona...Programación Publicado el 2024-11-14
-
¿Por qué PHP 5.2 no permite métodos de clases estáticas abstractas?Modo estricto de PHP 5.2: ¿Por qué no se permiten métodos de clases estáticas abstractas?En PHP 5.2, habilitar advertencias estrictas puede desencaden...Programación Publicado el 2024-11-14
-
¿Cómo trazar una línea con diferentes colores para cada segmento de 10 puntos consecutivos?Trazar una línea en diferentes coloresEnunciado del problemaDadas dos listas, latt y lont, el objetivo es trazar una sola línea donde cada El segmento...Programación Publicado el 2024-11-14
-
¿Cómo filtrar datos según el recuento en MySQL sin utilizar SELECT anidado?MySQL: uso de COUNT(*) en la cláusula WHEREUn usuario encontró un desafío al intentar filtrar datos en MySQL usando la función COUNT(*) en la Cláusula...Programación Publicado el 2024-11-14
-
¿Cómo puedo acceder a los valores de las columnas de resultados de SQL por nombre en Python?Acceder a los valores de las columnas de resultados de SQL por nombre de columna en PythonCuando se trata de una cantidad sustancial de columnas en un...Programación Publicado el 2024-11-14
-
Más allá de las declaraciones "if": ¿dónde más se puede utilizar un tipo con una conversión "bool" explícita sin conversión?Conversión contextual a bool permitida sin conversiónSu clase define una conversión explícita a bool, lo que le permite usar su instancia 't' ...Programación Publicado el 2024-11-14
-
¿Cuándo utilizar select_ related de Django ORM frente a prefetch_ related?La distinción entre select_ related y prefetch_ related de Django ORMEn Django ORM, los métodos select_ related y prefetch_ related tienen distintos p...Programación Publicado el 2024-11-14
-
FormaciónLos métodos son fns que se pueden invocar en objetos Los arreglos son objetos, por lo tanto también tienen métodos en JS. segmento (comienzo):...Programación Publicado el 2024-11-14
-
Uso de WebSockets en Go para comunicación en tiempo realCrear aplicaciones que requieran actualizaciones en tiempo real, como aplicaciones de chat, notificaciones en vivo o herramientas colaborativas, requi...Programación Publicado el 2024-11-13
Estudiar chino
- 1 ¿Cómo se dice "caminar" en chino? 走路 pronunciación china, 走路 aprendizaje chino
- 2 ¿Cómo se dice "tomar un avión" en chino? 坐飞机 pronunciación china, 坐飞机 aprendizaje chino
- 3 ¿Cómo se dice "tomar un tren" en chino? 坐火车 pronunciación china, 坐火车 aprendizaje chino
- 4 ¿Cómo se dice "tomar un autobús" en chino? 坐车 pronunciación china, 坐车 aprendizaje chino
- 5 ¿Cómo se dice conducir en chino? 开车 pronunciación china, 开车 aprendizaje chino
- 6 ¿Cómo se dice nadar en chino? 游泳 pronunciación china, 游泳 aprendizaje chino
- 7 ¿Cómo se dice andar en bicicleta en chino? 骑自行车 pronunciación china, 骑自行车 aprendizaje chino
- 8 ¿Cómo se dice hola en chino? 你好Pronunciación china, 你好Aprendizaje chino
- 9 ¿Cómo se dice gracias en chino? 谢谢Pronunciación china, 谢谢Aprendizaje chino
- 10 How to say goodbye in Chinese? 再见Chinese pronunciation, 再见Chinese learning
Decodificación de imagen base64
pinyin chino
Codificación Unicode
Compresión de cifrado de ofuscación JS
Herramienta de cifrado hexadecimal de URL
Herramienta de conversión de codificación UTF-8
Herramientas de codificación y decodificación Ascii en línea
herramienta de cifrado MD5
Herramienta de cifrado y descifrado de texto hash/hash en línea
Cifrado SHA en línea