next postgres sequelize

Aviso de deprecación

Esta plantilla ya no está actualizada. Para una plantilla actualizada, ya sea como equipo o individualmente, le recomendamos que explore nuestra última plantilla producida por Intdev. ¡Gracias por su interés en nuestro trabajo!

Postgres próximas

4 de enero de 2022 ➝ Recomiendo que use www-react-postgres en su lugar porque no tiene un servidor express o una necesidad de babel , por lo tanto, la plantilla tiene menos dependencias. Eso significa que se requerirá menos costo de atención.

Una aplicación de ejemplo con ...

• Postes
• Comentario
• Autenticación

Con algunas buenas cualidades ...

• Javascript de pila completa
• Representación del lado del servidor

Y puedes implementarlo en ...

• Motor de aplicaciones de Google
• Heroku

¡Siéntase libre de usar sin atribución!

Ejemplos de producción:

• Maurice Kenji Clarke usó la configuración para crear: https://indvstry.io/
• Parker Ruhstaller usó la configuración para crear: https://leafist.com/
• Jay Graber usó la configuración para crear: https://happening.net
• Rich C Smith está trabajando en algo malvado.
• Tal vez tu?

Avance:

• https://next-postgres.herokuapp.com/
• https://next-postgres.appspot.com/ (deshabilitado debido al costo de instancia flexible)

Pila

• NextJS + Custom Express
• Emoción CSS-in-JS
• Post -put
• SECUSIZACIÓN: Postgressql ORM
• Pasaporte para la autenticación local
• Redux
• Babel

¿Por qué es esto útil? ¿Por qué debería importarme?

• ¡Mal ux/ui, así que te ves obligado a hacerlo tuyo!
• Algunos "Production Ready" son conceptos horneados para ti.
• Obtendrá una representación del lado del servidor de forma gratuita.
• Puedes moverte un poco más rápido en una competencia o hackaton.

Configuración: Requisitos previos

Utilizo Homebrew para administrar las dependencias.

• Instalar Postgres: brew install postgres .
• Instale el nodo 10.7.0+: brew install node . (O actualice su nodo)

Configuración: Guía rápida de novatos para Postgres

• En OSX, para ejecutar Postgres en una pestaña en el puerto predeterminado.

postgres -D /usr/local/var/postgres -p 5432

• La configuración de Postgres se almacena en ./config.js .
• Base de datos local: sampledb .
• Nombre de usuario: test .
• Contraseña: test .
• Por favor, se le ocurra algo mejor en la producción.

Instrucciones por primera vez Postgres.

 # Enter Postgres console
psql postgres

# Create a new user for yourself
CREATE ROLE yourname WITH LOGIN PASSWORD ' yourname ' ;

# Allow yourself to create databases
ALTER ROLE yourname CREATEDB ;

# Exit Postgres console
q

# Log in as your new user.
psql postgres -U yourname

# Create a database named: sampledb.
# If you change this, update config.js
CREATE DATABASE sampledb ;

# Give your self privileges
GRANT ALL PRIVILEGES ON DATABASE sampledb TO yourname ;

# List all of your databases
l ist

# Connect to your newly created DB as a test
c onnect sampledb

# Exit Postgres console
q

Consejo de novato: uso una aplicación llamada TablePlus para Postgres.

Configuración: ejecute localmente

En el directorio raíz ejecuta estos comandos:

npm install
npm install -g babel-cli
npm install -g sequelize-cli
sequelize db:migrate
npm run dev

• Visite localhost:8000 en un navegador para comenzar el desarrollo localmente.
• Necesitará postgras en ejecución.

Desplegar heroku

Para implementar con Heroku, siga las instrucciones aquí.

Implementar el motor de aplicaciones de Google

Configure el motor de aplicaciones de Google y descargue el Google Cloud SDK para que pueda usar gcloud desde la línea de comandos.

Deberá agregar una app.yaml . Se verá algo así:

 runtime : nodejs
env : flex

manual_scaling :
  instances : 1

resources :
  cpu : 1
  memory_gb : 0.5
  disk_size_gb : 10

env_variables :
  NODE_ENV : production
  PRODUCTION_USERNAME : your-database-username
  PRODUCTION_PASSWORD : your-database-user-password
  PRODUCTION_DATABASE : your-database-name
  PRODUCTION_HOST : your-database-host
  PRODUCTION_PORT : your-database-port
  PRODUCTION_SECRET : your-secret

Asegúrese de leer la documentación

Asegúrese de agregar app.yaml al .gitignore . No desea comprometer este archivo en su repositorio de GitHub.

Luego ejecute npm run deploy . Esta configuración le costará ~ $ 40 al mes.

¿Qué pasó con el servicio ahora de Zeit?

• Es un gran servicio.
• Ahora 2.0 se trata de todo sin servidor todo
• Este ejemplo no funciona con ahora 2.0

¿Preguntas?

No dude en la jerga cualquiera que se sienta a @wwwjim.