¿Cuál es el mejor enfoque para construir un sitio web profesional, receptivo y amigable para dispositivos móviles en 2017? ¿Debo comprar una plantilla de arranque, aprender a reaccionar, aprender aplicaciones web progresivas o usar un CMS?

Realmente depende de cuánto esfuerzo esté buscando poner en el sitio web. Parece que conoces algunas habilidades de desarrollo web, pero no todas (como Reach y Progressives). Todas sus opciones le brindarán el resultado que desea, y todas tienen costos y limitaciones inherentes.

• Si va a utilizar una plantilla de bootstrap, tendrá las mismas limitaciones que tienen todas las plantillas. Al final se verá como Bootstrap pase lo que pase.
• Si desea utilizar React, necesita conocer otras tecnologías para acompañarlo. Es una gran inversión de tiempo si no los conoce, pero podrá crear prácticamente cualquier cosa desde cero.
• Learning Progressives es la misma idea, necesitará una pila de tecnología para acompañarlo, y en mi opinión, a menos que su sitio realmente lo necesite, aprender esto realmente no vale la pena (a menos que quiera aprender por el simple hecho de aprender) .
• Si obtiene el CMS correcto, esa puede ser una manera fácil de alimentar un sitio web con contenido, pero eso no es lo que se utiliza para construir un sitio. Todavía necesita algo en lo que el CSM conduce. Por ejemplo, nuestras páginas públicas en Parabola se crean utilizando Webflow y se alimentan con su CMS.

Sí.

Un sitio web profesional, receptivo y amigable para dispositivos móviles puede ser cualquier cantidad de cosas.

Echemos un vistazo a los términos:

Profesional: en el contexto de un sitio web, esto significa que representa a una empresa o persona de manera positiva, no tiene problemas de diseño obvios y es accesible y utilizable por cualquier persona que necesite usarlo.

Adaptable y adaptable a dispositivos móviles: estos son términos utilizados para sitios creados teniendo en cuenta los dispositivos móviles, ya sea un sitio completamente independiente para dispositivos móviles o un sitio que representa los tamaños de pantalla pequeños y presenta las cosas de manera diferente para ellos.

¿Cómo logras estos objetivos? Como ha notado, puede usar un marco CSS como Bootstrap para llegar al máximo. La compra de una plantilla simplemente significa que ha optado por un diseño que alguien creó sin conocer el negocio para el que se utilizará. Esto se llama “no ideal” en el mejor de los casos.

Learning React sería maravilloso, pero no lo ayudará a crear un sitio receptivo y amigable para dispositivos móviles. Ayudará a desarrollar un sitio web profesional al ayudar a que la página tenga interactividad mucho más fácil que escribir esa interactividad a mano.

Aplicaciones web progresivas. Que frase tan maravillosa. Estos son como pequeños paquetes que puede dar a un dispositivo móvil para permitir que el dispositivo finja que el sitio web es una aplicación. En realidad no lo es, pero se ve similar y puede hacer cosas similares. Nuevamente, esto es genial, pero no resolverá todo el objetivo.

CMS o Content Management Systems hacen exactamente lo que está escrito en la caja. Administran tu contenido. No crean un sitio receptivo, no hacen que el sitio web se ejecute rápidamente y no tengan errores.

Si desea un sitio web profesional, receptivo y amigable para dispositivos móviles, deberá crearlo. Realmente no hay ningún atajo. Bueno, hay uno: contratar a un desarrollador web y un diseñador web si no tiene su diseño ya presentado.

Lo que probablemente esté experimentando son “incógnitas desconocidas”. Usted sabe algunas cosas sobre la construcción de un sitio web, evidentemente, ya que conoce todas esas herramientas, pero puede haber algunas cosas que sabe que no sabe, y probablemente hay algunas cosas que aún no sabe que no sabe. No lo se. Nadie sabe cuánto hay en esa categoría, pero hay mucho.

Una excelente plataforma que recomendaría es Squarespace.

Hay un montón de hermosas plantillas para comenzar y cada una es totalmente receptiva y está lista para dispositivos móviles. Incluso puede ver una vista previa en vivo de cómo se verá la plantilla en el escritorio, el teléfono inteligente y la tableta para que sepa exactamente lo que está obteniendo a medida que realiza cada cambio de diseño.

Además, si conoce CSS, cada plantilla tiene la capacidad para que el usuario inyecte reglas CSS personalizadas en el sitio. Si no está bien, la interfaz de diseño es súper intuitiva. Con todas las opciones alternativas que estableció en la pregunta, parece que tiene suficiente conocimiento para usarlo.

Personalmente, esperaría en bootstrap, reaccionaría, etc. antes de comprobar esto. A menos que esté buscando un diseño web visionario único e hiper único, esto podría ahorrarle mucho tiempo y dinero y probablemente podría diseñarlo usted mismo. Aquí hay un enlace a mi sitio que diseñé con Squarespace:

tysportfolio.net

Si necesitas ayuda con el diseño, me encantaría echarte una mano.

Depende de qué tan involucrado esté. Si no hay nada excesivamente complicado o patentado y no necesita ser extremadamente rápido o escalarse a proporciones realmente grandes, entonces no veo ningún problema con el uso de un buen CMS antiguo. Hay mucho que decir sobre el uso de la funcionalidad y el esmalte que viene con él. Ganar puntos interesantes con el mundo de desarrollo por usar una tecnología más sofisticada no paga mucho.

Si está buscando una carga gratuita, fácil, buena y mínima del código de otras personas, considere una de estas plantillas:

HTML5 UP