abdulrahman.id
1.0.0
¡Decidí de código abierto mi último sitio web de cartera! Tiene una gestión dinámica de contenido para agregar proyectos y publicaciones utilizando CMS Contentful, y se construyó usando Next.js y Chakra UI.
Consulte la documentación de Next.js y Chakra UI para obtener más información.
Siéntase libre de desembolsar este repositorio para hacer su propia cartera, y si le gustó el repositorio, ¡apoyarlo amablemente dándole una estrella!
Cree un .env.local y siga el nombre de la variable basado en .env.example y obtenga las teclas API basadas en los siguientes pasos
1. Cree una cuenta contenta
2. Agregue un espacio comunitario (¡es gratis!)
3. Elija "Creo contenido"
4. Vaya al modelo de contenido y comience a agregar el tipo de contenido
? En este sitio web de cartera, tiene 5 tipo de contenido que es:
1. Postios de blog
Después de la actualización ⚡2.0.0, uso problemas de GitHub como contenido de blog.
Más detalles sobre esto en: https://abdulrahman.id/blog/unleash-your-dev-blog-write-more-with-github-issues- as-your-cms
- Presentados destacados
- Proyectos
- Introducción
- ContactMe
Debe agregar este nombre exacto ya que es la identificación que se usa en el código.
Agregue el tipo de contenido de acuerdo con estos campos: 
Vaya a Configuración -> API Keys -> Tokens de entrega de contenido / vista previa -> "Su nombre de espacio" Copie el ID de espacio y el Token de acceso de API de entrega de contenido
¡Póngalo en las variables de entorno de acuerdo con .env.example y estará listo!
1. Cree un proyecto de Firebase
2. Después de configurar las cosas, obtendrás las teclas API, guárdelas.
3. Vaya a la base de datos de Firestore
4. Agregue una colección con nombre views
5. Entonces, pon esas claves API antes de acuerdo con el .env.example y eso es todo!
1. Cree una cuenta de Google Analytics, en la parte de la configuración de la propiedad , no olvide activar Universal Analytics
2. Después de eso, verá un código que comienza con UA-
3. Copie esos código y póngalo en variables de entorno de acuerdo con env.example y listo.
Instale las dependencias con npm i o yarn
Inicie el proyecto por npm run dev o yarn dev
¿Puede implementar fácilmente usando VERCEL?
pages/index.js = página de inicio
pages/projects/index.js = Página de archivo de proyectos
pages/blog/index.js = página de listados de blogs
pages/blog/[slug].js = página de publicaciones de blog
pages/api/views = API para obtener vistas de publicaciones de blog desde Firebase
