Building a Personal Blog Platform with Django and React
In this blog post, we will guide you through the steps to build a personal blog platform using Django for the backend and React for the frontend. This application will allow users to create, edit, and delete blog posts, as well as view all posts. Let's get started!
Prerequisites
- Basic knowledge of Python and JavaScript
- Django installed on your machine
- Node.js and npm installed
Step 1: Setting Up Django Backend
First, let's create a new Django project and app.
django-admin startproject blog_platform
cd blog_platform
django-admin startapp blogNext, add the new app to your settings.py file:
INSTALLED_APPS = [
...,
'blog',
]Now, let's create a simple model for our blog posts in blog/models.py:
from django.db import models
class Post(models.Model):
title = models.CharField(max_length=200)
content = models.TextField()
created_at = models.DateTimeField(auto_now_add=True)
def __str__(self):
return self.titleAfter defining the model, run the following commands to create the database table:
python manage.py makemigrations
python manage.py migrateNext, create a serializer for our model in blog/serializers.py:
from rest_framework import serializers
from .models import Post
class PostSerializer(serializers.ModelSerializer):
class Meta:
model = Post
fields = '__all__'Now, we will create views to handle our API endpoints in blog/views.py:
from rest_framework import viewsets
from .models import Post
from .serializers import PostSerializer
class PostViewSet(viewsets.ModelViewSet):
queryset = Post.objects.all()
serializer_class = PostSerializerNext, configure the URL routing in blog/urls.py:
from django.urls import path, include
from rest_framework.routers import DefaultRouter
from .views import PostViewSet
router = DefaultRouter()
router.register(r'posts', PostViewSet)
urlpatterns = [
path('', include(router.urls)),
]Also, include these URLs in your main urls.py:
from django.contrib import admin
from django.urls import path, include
urlpatterns = [
path('admin/', admin.site.urls),
path('api/', include('blog.urls')),
]Don't forget to install Django REST Framework if you haven't already:
pip install djangorestframeworkNow, run your Django server:
python manage.py runserverStep 2: Setting Up React Frontend
Now, let's create a React application for our frontend.
npx create-react-app blog-frontend
cd blog-frontendInstall Axios for making API requests:
npm install axiosNow, let's create a simple component to fetch and display posts. Create a new file called Posts.js in the src directory:
import React, { useEffect, useState } from 'react';
import axios from 'axios';
const Posts = () => {
const [posts, setPosts] = useState([]);
useEffect(() => {
fetchPosts();
}, []);
const fetchPosts = async () => {
const response = await axios.get('http://127.0.0.1:8000/api/posts/');
setPosts(response.data);
};
return (
Blog Posts
{posts.map(post => (
- {post.title}
))}
);
};
export default Posts;Next, import and use this component in src/App.js:
import React from 'react';
import Posts from './Posts';
function App() {
return (
Now run your React application:
npm startConclusion
Congratulations! You have built a personal blog platform using Django and React. You can now create, view, and manage blog posts through your application. This setup provides a strong foundation for further enhancements, such as adding user authentication, comments, and more.
Nice post. I learn something new and challenging on websites I stumbleupon everyday. It will always be xciting to read through content from other writers and practice something from other sites.
Hard Quiz, Spicks and Specks, Have You Been Paying Attention - discover comedy quiz shows at https://australiangameshows.top/ that revolutionised Australian entertainment.
El manual que psicólogos usan como base para tratar dependencia emocional https://lasmujeresqueamandemasiadopdf.cyou/ libro las mujeres que aman demasiado
The world of Born of Trouble is rich, detailed, and completely immersive. Experience it for yourself with our new pdf edition. This book offers a deep dive into a fascinating setting filled with compl
If you need the Is This a Cry for Help PDF, download it today for your collection. This digital file is perfect. Get the novel now and start reading. https://isthisacryforhelppdf.site/ Is This A Cry F
The descriptions of food in this book are enough to make you hungry for more. Find the With the Fire on High PDF and satisfy your literary appetite. It is a novel that balances the heavy realities of
I find this forum very interesting. There's a lot of useful information here.
I find this forum very interesting. There's a lot of useful information here.
I find this forum very interesting. There's a lot of useful information here.
I find this forum very interesting. There's a lot of useful information here.
I find this forum very interesting. There's a lot of useful information here.
I find this forum very interesting. There's a lot of useful information here.
I find this forum very interesting. There's a lot of useful information here.
buying cheap propecia no prescription: HairGuardRx - cost propecia without a prescription
https://theroundhousepdf.site/
Рады представить обновленную ба&
https://theroundhousepdf.site/
https://swingingislandpdf.site/
https://swingingislandpdf.site/
https://inmydreamsiholdaknifepdf.site/
Здравствуйте! Правильное нанесение дегидратора — гарантия чистой работы без воздушных пузырей под покрытием. Средство мгновенно испаряется с поверхности ногтя, забирая с собой остатки влаги и жира и
Здравствуйте! Купить домен RU с историей можно всего за несколько минут через личный кабинет. Возраст домена положительно влияет на скорость выхода сайта в топ. Все сделки оформляются официально с п
Capybaras capybaras capybaras capybaras capybaras capybaras Capybaras capybaras capybaras capybaras capybaras capybaras Capybaras capybaras capybaras capybaras capybaras capybaras Capybaras capy
Crok crok crok crok crok crok crok crok crok crok Crok crok crok crok crok crok crok crok crok crok Crok crok crok crok crok crok crok crok crok crok Crok crok crok crok crok crok crok crok crok
wooley booley elvis is alive wooley booley elvis is alive wooley booley elvis is alive wooley booley elvis is alive wooley booley elvis is alive https://elvises.site/
Добрый день! SEO, реклама, контент, соцсети, заявки, клиенты, трафик, аудит, стратегия, аналитика, рост, доход, психологи, психотерапевты, центры, онлайн-запись, привлечение клиентов, комплексный ма
When plans go awry, sometimes the results are better than you imagined. That is the central theme for Liz after her prom date dumps her. Wes, the annoying boy next door, becomes her savior. This story
Привет всем! Страница интернет-магазина SloyTek по запросу «3d принтер anycubic photon mono 4 ultra» ведёт в карточка товара, где собрана информация для выбора и заказа. Основные критерии сравнения
Здравствуйте! Купить домен RU с историей стоит рассмотреть, если важен быстрый старт проекта. Такие имена реже попадают под ручные санкции поисковых систем. Список лотов обновляется регулярно, поэто
Здравствуйте! Ремонт квартир под ключ в центре Москвы с дизайн-проектом в подарок. Надежный ремонт квартир Подробная информация на сайте https://remont-proofi24.ru/chernovoy-remont-kvartir/ Удач
Ia Ia Ia Ia Ia Ia Ia Ia Ia Ia Ia Ia Ia Ia Ia Ia Ia Ia Ia Ia Ia Ia Ia Ia Ia Ia Ia Ia Ia Ia Ia Ia Ia Ia Ia Ia Ia Ia Ia Ia Ia Ia Ia Ia Ia Ia Ia Ia Ia Ia Ia Ia Ia Ia Ia Ia Ia Ia Ia Ia Ia Ia Ia Ia Ia
L'empatia è un'arma a doppio taglio, e Vani Sarca lo sa bene. Protagonista di Scrivere è un mestiere pericoloso, usa la sua sensibilità per imitare lo stile degli scrittori, ma anche pe
Literature enthusiasts know that Mark Twain is the father of American fiction, and this book is one of his crowning achievements. It introduces themes that he would explore further in later works, mak
Dalla parte delle bambine è un libro che unisce teoria e pratica. Elena Gianini Belotti non si limita a denunciare, ma offre una nuova prospettiva pedagogica. La ricerca del pdf è spesso leg
It is more than a book; it is an experience. Throne of Glass immerses you completely. You will dream of Adarlan. Sarah J. Maas has created a masterpiece. A throne of glass pdf is the vessel. take the
The struggle for freedom is the heart of the book. Feyre leads the fight. The A Court of Wings and Ruin PDF is a great resource. The digital format is easy. The story is powerful. The characters are i
Siamo orgogliosi di presentare un database aggiornato per Xrumer. È stato svolto un ampio lavoro analitico proprietario e questa versione è stata costruita interamente da zero.
Detta
Wir sind stolz darauf, eine aktualisierte Datenbank für Xrumer präsentieren zu können. Es wurde umfangreiche, hauseigene analytische Arbeit geleistet, und dieses Release wurde komple
Hello everyone! 5 Signs You Are In The Wrong Career And Need To Pivot Now 7 Reasons Why Your Current Marketing Strategy Is Not Working Right Now How Virtual Reality Will Redefine Entertainment A
Good morning! The Latest Data: Why Consumers Are Shifting Towards Sustainable Brands The Fatal Errors In Project Management That Delay Your Deadlines The Counterintuitive Reason Why We Resist Po
From Wattpad to the big screen, and now to your e-reader. The Kissing Booth is a publishing success story. It is a fun, breezy read that tackles serious themes of loyalty. If you want to read the orig
We are proud to present an updated database for Xrumer. Extensive proprietary analytical work has been done, and this release was built entirely from scratch.
Details and ordering via the link
A fun and flirty read. The Kissing Booth is a great escape. Elle and Lee are a funny duo. If you are looking for the text, a PDF is a great way to read. The story is lighthearted but emotional. It is
C'è una dolce malinconia che attraversa le pagine di questo libro, bilanciata però da una vitalità contagiosa. È la storia di chi non si arrende all'idea che "ormai è così
разработчик blockchain ochered-u-ekrana.site разработка telegram mini app под ключ
The magic of first love. The Kissing Booth is a nostalgic and sweet story. Elle and Noah discover love together. If you want to read the book, a PDF is a convenient format. The story is heartwarming.
La ricerca della felicità non è mai un percorso lineare, e le deviazioni dei protagonisti lo dimostrano. Tra guasti meccanici e imprevisti, imparano a godersi il momento. Se vuoi leggere que
The gun is cold, but Will's hand is sweating. He is afraid, even if the rules say he shouldn't be. The elevator ride exposes his vulnerability. This verse novel is a deep dive into fear. If you are lo
La tormenta pasará es un compañero de viaje. Nacarid Portal Arráez y Chriss Braund acompañan tu proceso. Si buscas versatilidad, la búsqueda de de mi para mi pdf es útil.
La forza di questo libro sta nella sua onestà: non promette soluzioni magiche, ma offre una prospettiva diversa sui problemi di ogni giorno. I dialoghi tra i due amici sembrano rubati alla realt&