¿Cómo iniciar un proyecto con Ruby on Rails?
Comenzar un proyecto con Ruby on Rails puede parecer un desafío al principio, pero con la preparación adecuada, cualquier desarrollador puede dominar este proceso. Aquí te guiaré a través de los aspectos más importantes para configurar un sistema de gestión de tareas básico. Empezaremos con la creación del proyecto y la configuración esencial.
¿Cómo se crea un nuevo proyecto en Rails?
Para iniciar, abre tu consola de comandos y dirígete al directorio donde planeas guardar tu nuevo proyecto. En este caso, utilizaremos un directorio que se creó previamente llamado coding/platzi. La instrucción para crear un nuevo proyecto es:
rails new organizador --skip-test --database=postgresql
organizador: Es el nombre del nuevo proyecto.--skip-test: Evita configurar pruebas automatizadas por ahora.--database=postgresql: Configura PostgreSQL como nuestra base de datos en lugar de la predeterminada SQLite.¿Qué sucede al ejecutar el comando de creación?
Este comando configura una estructura de directorios y archivos base para nuestro proyecto Rails. Además, Rails encargará de instalar las librerías necesarias para el funcionamiento del proyecto, incluyendo la librería pg que permite la interacción entre ActiveRecord y PostgreSQL.
¿Cómo preparo el frontend del proyecto?
Una vez que tu proyecto está configurado, podemos mejorar la apariencia del frontend utilizando librerías populares de JavaScript y CSS. Usaremos el gestor de paquetes YARN para instalar:
La instalación de estas librerías se realiza con el siguiente comando en la consola:
yarn add bootstrap jquery popper.js
¿Cómo configurar el gemfile del proyecto?
Tras integrar las librerías JavaScript, nos enfocamos en el Gemfile, que administra las gemas de nuestro proyecto Ruby on Rails. Utiliza el editor de texto para modificarlo. Incluimos gemas esenciales como:
Coloca estas gemas adecuadamente según su entorno:
Finalmente, instalamos estas gemas con:
bundle install
¡Y así, tenemos todo listo! Desde aquí, puedes continuar detallando el resto de tu aplicación, personalizando funcionalidades y ajustando el diseño según tus necesidades. A medida que avances, verás que con cada paso en Ruby on Rails, estás un paso más cerca de convertirte en un desarrollador más experimentado. ¡Sigue adelante!
Adam Rebolledo
profe sus clases son las mejores, pero en esta añadiría una visualización de como quedaría el proyecto terminado saludos
Johan Tique
ProfesorHola Adam muchas gracias, tienes razón, habría sido buena idea, en la clase/lectura embelleciendo nuestra aplicación está una muestra de cómo queda la aplicación al final, incluyendo aspectos gráficos que a pesar de no ser el tema central harán que tu aplicación se vea muy bien.
josue rodrigo fierro morfin
pensaba que a platzi no le gustaba jquery
David Campos
Es para que funcione correctamente Bootstrap, aunque a partir de la versión 5 ya no es necesario JQuery
Leonardo Valdivieso
que hace yarn add roboto-fontface? guarda los fonts en alguna carpeta o los usa desde Internet?
Juan González
El comando 'yarn add' lo que hace es agregar paquetes como dependencias de un proyecto. Ya sea dependencias de desarrollo o de producción.
Johan Tique
ProfesorHola Leonardo, yarn es un gestor de paquetes que te permite organizar de forma consistente las librerias de los assets que en este caso usa el webpacker, habiendo dicho esto, cada librería es un mundo pequeño donde se resuelve una responsabilidad, para el caso de esta libreria roboto-fontface, esta almacena las fuentes localmente en el ya conocido directorio node_modules por aquí puedes encontrar más info de esta librería, por otro lado, no todas las librerías de este estilo tienen la misma forma de almacenar los assets, por lo que lo mejor es leer la documentación antes de usar una de ellas.
Alejandro Marcial
Por si les da error al instalar la gema pg de POSTGRESQL lo más probable es que necesiten esta librería: sudo apt-get install libpq-dev
Vitolen_1
Me paso exactamente lo mismo... Pero en Mac para instalar la librería hay que correr el comando ( brew install postgresql ).... luego instalar la gema ( sudo gem install pg ). Una vez hecho eso ya no tuve mas problemas.
Nestor Jose Saad Gutierrez
Gracias, necesario para rails 7
Diego Alexander Gomez Chavarria
al dar el comando
yarn add bootstrap jquery popper.js roboto.fontface
me lanza el siguiente error:
0h00m00s 0/0: : ERROR: [Errno 2] No such file or directory: 'add'
Que debo hacer? Gracias
Brayan Vargas
¿como logro instalar el bootstrap desde el yarn? uso vs code y me lanza error En línea: 1 Carácter: 1
+ CategoryInfo : SecurityError: (:) [], PSSecurityException + FullyQualifiedErrorId : UnauthorizedAccess
Lester Potestad Berovides
Si estas comenzando el curso y la versión que del Rails que vas a utilizar es la 7 o superior, te recomiendo agregues al comando de creacion los flags:
-j esbuild --css bootstrap
para no tener problemas con los estilos más adelante en el proyecto. Esto lo encontré el siguiente artículo:
Jorge Alberto Rodriguez Flores
Hola gente aca les dejo el repo del proyecto, por si en algun momento mas adelante lo llegan a necesitar. Github 👉 repo del proyecto del curso Saludos y a darle!
Carlos Mauro Cárdenas Fernández
Ahora seria bueno el updata pero con react js o vue js
Emerson Espinoza Aguirre
Instalar bootstrap con yarn.
yarn add bootstrap jquery popper.js roboto.fontface
luego nos vamos agregar desde el archivo Gemfile nuestras gemas para instalarlos.
# para cambiar de .erb a .haml gem 'hamlit' # par formularios en .haml gem 'simple_form' # ---solo en ambiente de desarrollo gem 'hamlit-rails' # para pruebas de bugs gem 'pry' gem 'pry-doc'
luego escribir desde consola
bundle install
Mario Andrés Zambrano Calvache
yarn bootstrap
Rodolfo Carmona
Les comparto las líneas que utilicé para montar Yarn en docker:
FROM ruby:2.7.2-buster RUN curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | apt-key add RUN echo "deb https://dl.yarnpkg.com/debian/ stable main" | tee /etc/apt/sources.list.d/yarn.list
Jesús Miguel Quinto Teran
Si al ejecutar: rails new organizacion -T -d postgresql
obtienes:
sh: 1: node: not found sh: 1: nodejs: not found Node.js not installed. Please download and install Node.js https://nodejs.org/en/download/ Exiting!
Debes verificar que tengas instalado nodejs, si estas usando ubuntu 18, esta guia te puede ser util: https://www.digitalocean.com/community/tutorials/como-instalar-node-js-en-ubuntu-18-04-es
