react resume template
v2.0.0
¿Buscando la versión anterior? Puedes encontrarlo aquí.
Esta es una plantilla de sitio web de currículum basada en React. Construido con TypeScript en el marco Next.js, diseñado con CSS de viento de cola y poblado con datos de un solo archivo, puede crear, personalizar y alojar fácilmente su propio sitio web personal en minutos. Aún mejor, el sitio está completamente optimizado móvil y se representa el lado del servidor para garantizar una carga rápida y una interfaz de usuario limpia en cualquier dispositivo. Siga leyendo para aprender a hacerlo tuyo.
Para construir este sitio web, deberá tener las últimas versiones estables de Node and Yarn descargadas e instaladas en su máquina. Si aún no los tiene, puede obtener el nodo aquí y el hilo aquí.
A continuación, busque el botón Fork en la parte superior derecha de esta página. Esto le permitirá hacer su propia copia, para obtener más información sobre el repositorio de la bifuración, ver aquí. Después de esto, descargue a su máquina de desarrollo utilizando el botón Code verde en la parte superior de la página de repo.
Una vez que tenga su propia copia de este repositorio bifurcado y descargado, abra la carpeta en su terminal favorito y ejecute yarn install para instalar dependencias. Después de esto, ejecute yarn dev para ejecutar el proyecto. En su terminal se le debe dar la URL de la instancia en ejecución (generalmente http: // localhost: 3000 a menos que tenga algo más en ejecución).
Todos los datos del Sitio se conducen a través de un archivo AT /src/data/data.tsx . Aquí es donde encontrará el contenido existente, y la actualización de los valores aquí se reflejará en el sitio. Si tiene el sitio ejecutado como se describe anteriormente, debería ver estos cambios reflejados en Save. Los tipos de datos para todos estos elementos se dan en la misma carpeta en el archivo dataDef.ts . Las imágenes de ejemplo se pueden encontrar en src/images/ y se importan en el archivo de datos. Para cambiar, simplemente actualice estas imágenes usando el mismo nombre y ubicación, o agregue nuevas imágenes y actualice las importaciones.
Debido a la variedad de opciones disponibles para los proveedores de formulario de contacto, he conectado el formulario de contacto solo en cuanto al manejo de entradas y estado. El envío del formulario y el envío real del correo electrónico están abiertos a su propia implementación. Mi recomendación personal para el proveedor de correo electrónico es SendGrid.
Por supuesto, todo el código está ahí y nada está oculto para usted, por lo que si desea realizar cualquier otro estilo de estilo/datos, ¡siéntase libre!
Implementar su nuevo sitio a Vercel es simple y se puede hacer siguiendo su guía aquí. Cuando haya terminado y la construcción tenga éxito, debe recibir una URL para su sitio en vivo, ¡vaya allí y verá su nuevo sitio web de currículums personal! ¡Felicidades!
